@font-face {

	font-family: 'iconfont';

	src: url('iconfont.eot');

	src: url('iconfont.eot?#iefix') format('embedded-opentype'),

		url('iconfont.woff') format('woff'),

		url('iconfont.ttf') format('truetype'),

		url('iconfont.svg#iconfont') format('svg');

}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.flex {
	display: flex;
}

.flex-align {
	display: flex;
	align-items: center;
}

.flex1 {
	flex: 1;
}



/*头部1*/

.iconfont {

	font-family: "iconfont" !important;

	font-size: 20px;
	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	-moz-osx-font-smoothing: grayscale;

}

.head-nav {

	/*overflow: hidden;*/

	padding-top: 45px;

}

.head-nav li {

	height: 30px;

	line-height: 34px;

	float: left;

	font-size: 16px;

	color: #000;

	width: 135px;

	/*overflow: hidden;*/

	text-align: center;

}

.head-nav li span {

	float: right;



}

.head-nav span {

	color: #b9b7b7;

	font-size: 20px
}

.head-nav li a {

	padding-bottom: 10px;

}

.head-nav li a:link {

	color: #000;

}



.head-nav li a:visited {

	color: #000;

}

.head-nav li a:hover {

	color: #ff6238;

	border-bottom: 2px solid #ff6238;

}

.on-i {

	-webkit-animation: flip 0.5s .1s ease both;

	-moz-animation: flip 0.5s .1s ease both;

}





@-webkit-keyframes flip {

	0% {
		-webkit-transform: perspective(400px) rotateY(0);

		-webkit-animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(90deg);

		-webkit-animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) rotateY(180deg);

		-webkit-animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(270deg);

		-webkit-animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(360deg);

		-webkit-animation-timing-function: ease-in
	}

}

@-moz-keyframes flip {

	0% {
		-moz-transform: perspective(400px) rotateY(0);

		-moz-animation-timing-function: ease-out
	}

	40% {
		-moz-transform: perspective(400px) rotateY(170deg);

		-moz-animation-timing-function: ease-out
	}

	50% {
		-moz-transform: perspective(400px) rotateY(190deg) scale(1);

		-moz-animation-timing-function: ease-in
	}

	80% {
		-moz-transform: perspective(400px) rotateY(360deg) scale(1);

		-moz-animation-timing-function: ease-in
	}

	100% {
		-moz-transform: perspective(400px) scale(1);

		-moz-animation-timing-function: ease-in
	}

}

.head-nav i {

	margin: 0px 7px 0 0;

	color: #ff6238;

}

.head-nav li.active a {

	color: #ff6238;

	border-bottom: 2px solid #ff6238;



}

.hreadSearch {

	border-radius: 30px;

}

.hreadSearch input[type=text] {

	line-height: 28px;

	border: 1px solid #ff6238;

	border-right: none;

	border-left: none;

	background: #f4f4f4;



}

.hreadSearch input[type=submit] {

	border-radius: 0px;

	/*background:#ff6238  url(../img/search_icon.png) no-repeat top center;*/

	background: #ff6238;

	/*background-position: 10% 6px;*/

	border: #ff6238 1px solid;

	font-size: 15px;

	width: 60px;

	color: #fff;

	padding: 0px;



}



.hreadSearch select {

	border-radius: 0px;

	border: 1px solid #ff6238;

	padding: 0 0 0 10px;

	background: #f4f4f4;



}

.hreadSearch {

	background: #f4f4f4;

}



/*头部1*/





.iconfont.anzhuo {



	display: block;

	float: left;

}

.iconfont.pingguo {

	display: block;

	float: left;

}

.anzhuo-btn {

	top: 18%
}

.pingguo-btn {

	top: 80%
}

.m_r_con .m_r_c_btn {

	width: 80px;

}

.topNew_con .download {

	float: left;

	overflow: hidden;

	width: 100px;

	margin: 10px 0 0 20px;

	border-radius: 10px;

	/*border: 1px solid #cecece;*/

}

.topNew_con .download:hover {

	border-color: #ff6238
}

/*.topNew_con .download:hover .anzhuo{

		color: #fff;

	} */

.topNew_con .download a {

	height: 20px;

	line-height: 20px;

	width: 100px;

	color: #676767;

}

.topNew_con .download a i {

	margin-left: 5px;

	font-size: 18px;

}

.topNew_con .download .anzhuo-a {

	background: #fff;



}

.topNew_con .download .anzhuo-a .anzhuo {

	/*color: #72b127;*/

}

.topNew_con .download .pingguo-a {

	background: #fff;

}

.topNew_con .download .pingguo-a {

	background: #fff;

}

.topNew_con .mask .download a.anzhuo-a:hover {

	background: #ff6238;

	color: #FFF;

}

.topNew_con .mask .download a.pingguo-a:hover {

	background: #ff6238;

	color: #FFF;

}

.download-ico {

	background: url(../img/down-bg.png) no-repeat top center;

	width: 92px;

	height: 70px;

	position: absolute;

	left: 6px;

	top: 65px;

	z-index: 99;



}

.download-ico .anzhuo {

	color: #72b127;

	position: absolute;

	left: 20px;

	top: 30px;

}

.download-ico .pingguo {

	color: #143049;

	position: absolute;

	left: 50px;

	top: 30px;

}

.m_l_c_detial {

	position: relative;

	height: 100%;

}





/*头部2*/

.head-nav-2 {

	overflow: hidden;

	/*background: url(/themes/simplebootx/Public/sub/img/linenew.gif) right no-repeat;*/

	padding-top: 25px;

	float: left;

}

.head-nav-2 li {

	/*width: 195px;*/

	width: 88px;

	height: 30px;

	font-size: 16px;

	float: left;

	text-align: center;

	line-height: 30px;

	/*border-right:1px solid #5b5b5b;*/

	/*background: url(/themes/simplebootx/Public/sub/img/linenew.gif) left no-repeat;*/

	/*margin-right: -1px; */

	/*transition:background 0.5s;

		-moz-transition:background 0.5s; 

		-webkit-transition:background 0.5s; 

		-o-transition:background 0.5s; */

	border-radius: 20px;

	margin: 0px 5px 0 10px;

}

.head-nav-2 li:hover {

	background: #ff6238;

}

.head-nav-2 li a {

	display: block;

	/*color: #fff;*/

	color: #333;

}

.head-nav-2 li a:hover {

	/*color: #313131*/

	color: #fff;

}

.head-nav-2 li.on-tou2 {

	background: #ff6238;





}

.head-nav-2 li.on-tou2 a {

	/*color: #313131*/

	color: #fff;

}

.head-2 .hreadSearch input[type=text] {

	width: 100px;

	border: 0px;

	height: 30px;

}

.head-2 .hreadSearch input[type=submit] {

	border: 0px;

}

.head-2 .hreadSearch select {

	border: 0px;

	width: 60px;

}

/*头部2*/





.g_i_con_btn {

	position: relative;

}





.g_i_con .anzhuo {

	margin-left: 5px;

}

.g_i_con .pingguo {

	margin-left: 5px;

}

.g_i_con_btn a {

	height: 30px;

	padding: 0px;

	line-height: 30px;

	background: #ff6238;

	/*border: 1px solid #ff6238;

		color: #ff6238;*/

}

.g_i_con_btn .anzhuo-a {

	background: #99d846;

	/*border: 1px solid #99d846;

		color: #99d846;*/

}

.g_i_con_btn .pingguo-a {

	background: #79c6f8;

	/*border: 1px solid #79c6f8;

		color: #79c6f8;*/

}



.m_l_btn {



	border: 1px solid #cecece;

	color: #333;

	background: #fff;

	cursor: pointer;

}

.m_l_btn:hover {

	background: #ff6238;

	color: #fff;

	border-color: #ff6238;

}







.g_d_con .g_d_btn {

	margin: 6px 8px 0 0;

	height: 30px;

	line-height: 30px;

}

.g_d_con .g_d_btn i {

	margin-left: 5px;

}

.g_d_con .g_d_btn.anzhuo {

	background: #72b127
}

.g_d_con .g_d_btn.anzhuo:hover {

	background: #fff;

	color: #72b127;

	border-color: #72b127;

}

.g_d_con .g_d_btn.pingguo {

	background: #143049
}

.g_d_con .g_d_btn.pingguo:hover {

	background: #fff;

	color: #143049;

	border-color: #143049;

}

.g_d_con h3 {

	padding: 0 0 10px 0;

}

.list_con .search input[type=text] {

	padding: 0px 0px 0px 5px;

	height: 26px;

	line-height: 26px;

}





.topNew_con .mask .mask-a:hover {

	background: #ff6238;

	border: 1px solid #ff6238;

	color: #fff;

}

.topNew_con .mask .mask-a {

	background: #fff;

	color: #676767;

	border: 1px solid #cecece;

	margin: 10px 0px 0 20px;

	border-radius: 10px;

	width: 90px;

	height: 40px;

	line-height: 40px;

}

.topNew_con .mask {

	background: #fff;

}





.flex-control-nav {

	bottom: 20px;

	z-index: 99;

}

.flexslider {

	border: 0px;

	overflow: hidden;

	margin: 0px;

}

.flex-direction-nav a {

	background: url(../img/arr.png) no-repeat;
	text-indent: -999em
}

#flexslider .slides img {

	height: 400px;

}





.head-2-con {

	position: fixed;

	top: 0px;

	left: 0px;

	z-index: 999
}





.topNew_con .download-ico {

	left: 244px;

	top: 52px;

}

.topNew_con .download-ico .iconfont {

	top: 20px;

}

.top {

	width: 100%;

	min-width: 1000px;

	height: 40px;

	background: #e9e9e9;

	border-bottom: 1px #dbdbdb solid;

}

.main-mod {

	width: 1000px;

	margin: 0 auto;

	position: relative;



}

.personal-info {

	position: absolute;

	top: 0;

	right: 0;

}

.personal-info li {

	float: left;

	color: #c6c6c6;

	line-height: 40px;

	font-size: 12px;

}

.personal-info li a.user-name {

	width: 96px;

	height: 40px;

	display: inline-block;

	text-align: right;

	vertical-align: bottom;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.personal-info li a {

	margin: 0 10px;

}

.sy {

	line-height: 40px;

	font-size: 12px;

	float: left;

	margin-right: 20px;

}

.sy i {

	font-size: 15px;

	margin-right: 5px;

	color: #bebebe;

}

.sy:hover {

	color: #ff6238;

}

.sy:hover i {

	color: #ff6238;

}

.personal-info a:hover {

	color: #ff6238;

}

.personal-info .info-email {

	margin: 0 -8px 0 -15px;

	position: relative;

	top: -6px;



	display: inline-block;

	vertical-align: middle;

	background-repeat: no-repeat;

	background-image: url('../img/icoNav.png');



	width: 40px;

	background-position: 0 -200px;

	height: 30px;



}







.qrcode-anzhuo,
.qrcode-pingguo {

	width: 102px;

	height: 102px;

	position: absolute;

	border-radius: 5px;

}

.qrcode-anzhuo img,
.qrcode-pingguo img {

	width: 102px;

	height: 102px;

}

.qrcode-anzhuo {

	/*background: #72b127;

	border: 5px solid #72b127;*/

	background: #99d846;

	border: 5px solid #99d846;

	left: -6px;

	top: -117px;

}

.qrcode-pingguo {

	background: #79c6f8;

	border: 5px solid #79c6f8;

	left: 117px;

	top: -117px;

}









.en-box {

	width: 245px;

	margin: 0 auto;

}

.en-box-yh i {

	width: 22px;

	height: 22px;

	background: url(../img/icoNav.png) no-repeat;

	background-position: -9px -490px;

	display: block;

	margin: 7px auto 0;



}

.en-box-mm i {

	width: 22px;

	height: 22px;

	background: url(../img/icoNav.png) no-repeat;

	background-position: -9px -290px;

	display: block;

	margin: 7px auto 0;



}

.t-hd {

	background: #ff6238;

	height: 34px;

	width: 34px;

	overflow: hidden;

	float: left;

}

.en-box-yh {

	margin-top: 20px;

}

.en-box-mm,
.en-box-yh {

	height: 68px;



}

.en-box-item,
.en-box-btn {

	overflow: hidden;

	margin: 0px 0px 20px 0;

}

.en-box-mm input,
.en-box-yh input {

	float: left;

	height: 32px;

	border: 1px solid #CECACA;

	border-left: 0px;

	width: 200px;

	padding-left: 10px;

	font-size: 15px;

	line-height: 32px;

}

.en-box-item-l {

	float: left;

}

.en-box-item-r {

	float: right;

}

.en-box-item-l input {

	display: inline-block;

	margin-top: 2px;

	float: left;

}

.en-box-item-r a {

	margin-left: 10px;

}

.en-box-item-r a:hover {

	color: #ff6238;

}

.en-box-btn {

	cursor: pointer;

}

.en-box-btn input {

	background: #ff6238;

	width: 245px;

	height: 34px;

	border: 0px;

	color: #fff;

	font-size: 15px;

	cursor: pointer;

}





.zc-box {

	width: 245px;

	margin: 0 auto;

}

.zc-box-yh i {

	width: 22px;

	height: 22px;

	background: url(../img/icoNav.png) no-repeat;

	background-position: -9px -490px;

	display: block;

	margin: 7px auto 0;



}

.zc-box-mm i {

	width: 22px;

	height: 22px;

	background: url(../img/icoNav.png) no-repeat;

	background-position: -9px -290px;

	display: block;

	margin: 7px auto 0;



}



.zc-box-yh {

	margin-top: 20px;

}

.zc-box-mm,
.zc-box-yh {

	height: 68px;



}

.zc-box-item,
.zc-box-btn {

	overflow: hidden;

	margin: 0px 0px 20px 0;

}

.zc-box-mm input,
.zc-box-yh input {

	float: left;

	height: 32px;

	border: 1px solid #CECACA;

	border-left: 0px;

	width: 200px;

	padding-left: 10px;

	font-size: 15px;

	line-height: 32px;

}

.zc-box-item-l {

	float: left;

}

.zc-box-item-r {

	float: right;

}

.zc-box-item-l input {

	display: inline-block;

	margin-top: 2px;

	float: left;

}

.zc-box-item-r a {

	/*color: #fff;*/

	margin-left: 10px;

}

.zc-box-item-r a:hover {

	color: #ff6238;

}

.zc-box-btn {

	cursor: pointer;

}

.zc-box-btn input {

	background: #ff6238;

	width: 245px;

	height: 34px;

	border: 0px;

	color: #fff;

	font-size: 15px;

	cursor: pointer;

}

/*.title .zc-title{

	border: 0px;

	background: #eee;

	border-radius: 10px 10px 0 0;

	border: 1px solid #eaeaea;

	color: #b7b7b7;

}*/

/*.zc-title.zc-on{

	color: #ff6238;

	background: #fff;

	border-radius: 10px 10px 0 0;

	border: 1px solid #eaeaea;border-bottom:1px solid #fff; 

}*/



.recommend-box ul i {

	display: inline-block;

	width: 18px;

	height: 9px;

	position: absolute;

	background: url(/themes/simplebootx/Public/sub/img/img-new-hot.jpg) no-repeat;

	top: 50%;

	margin-top: -5px;

	right: 8px;

}

.recommend-box .hot-re .hot {

	background-position: 0 -10px;

}



.recommend-box ul i {

	display: inline-block;

	width: 18px;

	height: 9px;

	position: absolute;

	background: url(/themes/simplebootx/Public/sub/img/img-new-hot.jpg) no-repeat;

	top: 50%;

	margin-top: -5px;

	right: 8px;

}











/*修改*/





@font-face {
	font-family: 'iconfont';

	src: url('../../fonts/iconfont.eot');

	src: url('../../fonts/iconfont.eot?#iefix') format('embedded-opentype'),

		url('../../fonts/iconfont.woff') format('woff'),

		url('../../fonts/iconfont.ttf') format('truetype'),

		url('../../fonts/iconfont.svg#iconfont') format('svg');

}

.iconfont {

	-webkit-text-stroke-width: 0;

}

.TOP10,
.m_l,
.m_r,
.lzrw,
.mrtj,
.link,
.game-sx,
.lb-box,
.qunbu-gift,
.gift-rm,
.gift-zx,
.dh-box,
.qunbu-news,
.xw-rm,
.gl-rm,
.hd-rm,
.wenzhang-game,
.wenzhang-left,
.yx-lb-lb,
.game-xq-app,
.game-xq-jieshao,
.game-xq-libao,
.game-xq-jietu,
.game-xq-zixun,
.gift,
.yx-js,
.gift-xq-nr,
.detial_instr,
.kaifu-box {

	border-bottom: 2px solid #e5e5e5;

	border-radius: 10px;

}

.link.container {

	border-radius: 10px;

}



.TOP10,
.m_l,
.m_r,
.game-sx,
.gameList {

	padding-top: 0px;

}

.m_r_con {

	/*margin-top: 20px;*/

}

/*轮播*/

.flex-control-paging li a {

	background: #fff;

	width: 15px;

	height: 15px;

	box-shadow: none;

}

.flex-control-paging li a.flex-active {

	background: #ff6238;





}

.flex-control-paging li a:hover {

	background: #ff6238;

}



/*首页*/

/* 排行榜*/



.m_r_c_btn1 {

	position: absolute;

	top: 50%;

	margin-top: -15px;

	right: 0;

	display: block;

	width: 80px;

	text-align: center;

	line-height: 25px;

	font-size: 14px;

	background: #F13D6D;

	border-radius: 5px;

	color: #FFFFFF;

	border: 1px solid;

}

.show2_con {

	width: 245px;

}

.libao-btn {

	width: 33px;

	height: 33px;

	background: url(/themes/simplebootx/Public/sub/img/icon-down-gift.png) no-repeat;

	right: 50px;

	top: 45%
}



.libao-btn:hover {

	background: url(/themes/simplebootx/Public/sub/img/icon-down-gift.png) no-repeat;

	background-position: -89px 0px;

}



.xiazai-btn {

	/*width: 33px;

        height: 33px;*/

	/*background: url(/themes/simplebootx/Public/sub/img/icon-down-gift.png) no-repeat;

        background-position: -133px 0px;*/

	top: 45%;

	width: 70px;

	height: 27px;

	background: none;

	/*border-color: 1px solid #ff4a4d;*/

	border-radius: 5px;

	color: #ff4a4d;

}



.xiazai-btn:hover {

	/*background: url(/themes/simplebootx/Public/sub/img/icon-down-gift.png) no-repeat;

        background-position: -44px 0px;*/

	background: linear-gradient(to right, #fb4b4d, #ff7138);

	color: #fff;

}





.show2_con a p.game-name {

	color: #525252;

	margin-top: 3px;

}

.show2_con>p {

	color: #9e9e9e;

}

.show1 span {

	color: #9e9e9e;

	font-size: 14px;

}





.show1 p {

	color: #525252;

	font-size: 16px;

}

.m_r_con li {

	border-bottom: 0px;

	margin-bottom: 0px;

	padding: 15px 0;

	border-bottom: 1px dashed #cdcdcd;

	min-height: 0px;

	margin: 0px;

}

.ph-bb .iconfont {

	font-size: 18px;

}

.az-1 {

	color: #3bb70b
}

.ios-1 {

	color: #3895fe
}

.show2_con>a>p {

	font-size: 18px;

}

.show2_con p {

	width: 160px;

	float: none;

}

.show1 .num.so-hot,
.show2 .num.so-hot {

	margin: 0px 10px 0px 0px;
	background: #a5b1bf;
	font-size: 16px;
	width: 30px;
	height: 30px;
	float: left;
	display: inline-block;
	text-align: center;
	color: #fff;
	line-height: 30px;
	border-radius: 50%;

}

/*.show2 .num.so-hot{

	margin:15px 10px 0px 0px;background: #ccc; font-size: 18px;font-weight: 700;width: 26px;height: 26px;float: left;display: inline-block; text-align: center;color: #fff;line-height: 26px;

}*/

.remen .show1 .num.so-hot.num1,
.remen .show2 .num.so-hot.num1 {

	/*background: #ff8400;*/

	background: #f84739;

}

.remen .show1 .num.so-hot.num2,
.remen .show2 .num.so-hot.num2 {

	/*background: #f09601;*/

	background: #f84739;

}

.remen .show1 .num.so-hot.num3,
.remen .show2 .num.so-hot.num3 {

	/*background: #f3d400;*/

	background: #f84739
}





.zuixin .show1 .num.so-hot.num1,
.zuixin .show2 .num.so-hot.num1 {

	/*background: #36aa6f;*/

	background: #0080d5;

}

.zuixin .show1 .num.so-hot.num2,
.zuixin .show2 .num.so-hot.num2 {

	/*background: #60bd8e;*/

	background: #0080d5;

}

.zuixin .show1 .num.so-hot.num3,
.zuixin .show2 .num.so-hot.num3 {

	/*background: #8adbb2;*/

	background: #0080d5;

}







.zong .show1 .num.so-hot.num1,
.zong .show2 .num.so-hot.num1 {

	/*background: #1a7dd3;*/

	background: #5c9e79;

}

.zong .show1 .num.so-hot.num2,
.zong .show2 .num.so-hot.num2 {

	/*background: #33a0ff;*/

	background: #5c9e79;

}

.zong .show1 .num.so-hot.num3,
.zong .show2 .num.so-hot.num3 {

	/*background: #6dbeff;*/

	background: #5c9e79;

}

.m_r_con li.active .show2 .num.so-hot {

	height: 60px;

	border-radius: 30px;

	line-height: 60px;

}







.m_r_con li.active .show2 {

	margin-bottom: 0px;

}



.show1 {

	height: 29px;

	line-height: 29px;

}

.title>a:hover {

	color: #fd5152;

}

.title>a {

	color: #fe7f36;

	font-size: 12px;

	top: 10px;

}

.title_left0 {

	border: 0px;

	color: #434343;

	/*overflow: hidden;*/

	/*font-weight: normal;*/

}

.title-ico {

	/*width: 27px;

	height: 27px;

	line-height: 27px;

	background: #ff6238;

	display: block;

	text-align: center;

	float: left;

	border-radius: 5px;

	margin-right: 10px;

	margin-left: 5px;*/

}

.title-ico .iconfont {

	color: #ff6238;

	font-size: 25px;

	font-weight: normal;

	margin-right: 10px;

	position: relative;

	top: 2px;



}

.title {



	height: 50px;

	line-height: 50px;

	font-size: 20px;

	font-weight: normal;

	position: relative;

	border-bottom: 1px solid #ccc;

	color: #333;

	padding-left: 0px;



}

.title-i i {

	height: 5px;

	background: #ff5e42;

	background: linear-gradient(to right, #fd5152, #fe7f36);

	display: inline-block;

	border-radius: 5px;

	position: absolute;

	left: 0;

	bottom: -3px;

	width: 80px;

}



/*新游推荐*/

.TOP10_con {

	height: auto;

}

.TOP10_con li img {

	transform: none;

	width: 80px;

	height: 80px;



}

.TOP10_con li img:hover {

	transform: none;

}

.TOP10_con p {

	font-size: 15px;

	color: #5d5d5d;

	margin-top: 5px;

}

.TOP10_con li {

	padding: 15px 0;

	transition: all 0.3s;

	background: none;

	border-radius: 10px;

}

.TOP10_con li:hover {

	/*background: #fafafa;*/

	box-shadow: 0px 2px 10px 0px rgba(145, 145, 145, 0.52);





}

.TOP10_con li:hover p {
	display: none;
	color: #ff6238;
}

.TOP10_con li:hover .TOP10_con_btn {
	display: block;
}

.TOP10_con li .TOP10_con_btn {
	display: none;
	margin: 4px auto 0;
	text-align: center;
	line-height: 22px;
	width: 52px;
	height: 22px;
	background: #FF6238;
	border-radius: 30px;
	font-size: 14px;
	color: #FFFFFF;

}







/*友情链接*/

.yq-link {

	width: 1200px;

	margin: 20px auto 0;

	overflow: hidden;



}

.yq-link-l {

	width: 130px;

	height: 86px;

	background: #ff6238;

	float: left;

	color: #fff;

	font-size: 20px;

	text-align: center;

	line-height: 86px;

}

.yq-link-r {

	width: 1040px;

	padding: 15px;

	height: 56px;

	float: left;

	background: #fff;

	overflow: hidden;

}

.yq-link-r a {

	display: inline-block;

	width: 170px;

	height: 28px;

	line-height: 28px;

	float: left;

	color: #767676;

}

.yq-link-r a:hover {

	color: #ffc000;

}





.link .title {

	/*border-left: 3px solid #ff6238;*/

	border-bottom: 0px;

	padding: 0px;

	padding-left: 10px;

	color: #ff6238
}





/*热门游戏*/

.m_l_con li {

	padding-right: 0px;

	width: 246px;

	padding: 10px;

	transition: all 0.2s;

	margin-bottom: 0px;

	border-radius: 10px;

	position: relative;

	top: 0px;

}

.m_l_con img {

	width: auto;

	height: auto;

	float: none;

}

.m_l_con a img {

	width: 100px;

	height: 100px;

	float: left;

}

.m_l_c_detial {

	width: 136px;

	padding: 10px 0 10px 10px;

	text-align: left;

}

.m_l_c_detial h4 {

	text-align: left;

	color: #5d5d5d;

}

.m_l_c_detial .ph-bb .iconfont {

	font-size: 20px;

}

.m_l_c_detial .yx-lx {

	margin-bottom: 0px;

}

.m_l_c_detial>p {

	font-size: 15px;

}

.m_l_c_detial .ph-bb {
	margin-bottom: 10px;
}

.m_l_con li:hover {

	box-shadow: 0px 2px 10px 0px rgba(145, 145, 145, 0.52);

	top: -1px;

}

.m-hover .ios-btn {

	width: 120px;

	height: 30px;



	color: #fff;

	line-height: 30px;

	font-size: 14px;

	position: relative;

	margin-bottom: 5px;

	border-radius: 5px;

}

.m-hover .az-btn {

	width: 120px;

	height: 30px;



	color: #fff;

	line-height: 30px;

	font-size: 14px;

	position: relative;

	margin-bottom: 5px;

	border-radius: 5px;

}

.m-hover .az-btn .coin {

	display: flex;

	width: 120px;

	line-height: 30px;

	font-size: 16px;

	font-weight: bold;

	color: #F9440A;

}

.m-hover .az-btn .coin_icon {

	position: initial;

	background-image: url(../images/coin.png);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: 16px;

	display: block;

	width: 30px;

	height: 30px;

}

.m-hover .ios-btn .coin2 {

	position: initial;

	background-image: url(../images/coin2.png);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: 20px;

	display: block;

	width: 30px;

	height: 30px;

}

.m-hover .ios-btn .pay_coin {

	display: flex;

	line-height: 30px;

	width: 120px;

	font-size: 16px;

	font-weight: bold;

	color: #F9440A;

}

.detial_instr {

	position: relative;

}

.detial_instr_wrap .detial_instr_item_content {

	width: 100%;



}

.detial_instr_wrap .game-search,
.detial_instr_wrap .game_coupon {

	position: relative;

}

.detial_instr_wrap input {

	border: solid 1px #000;

	width: 100%;

	height: 30px;

	display: block;

	text-indent: 10px;

}

.detial_instr_wrap .detial_instr_item_content .select_label {

	cursor: pointer;

	position: absolute;

	display: inline-block;

	width: 0px;

	height: 0px;

	border-width: 5px 5px 0px;

	border-style: solid;

	border-color: rgb(0, 0, 0) transparent transparent;

	right: 10px;

	top: 50%;

	margin-top: -2.5px;

}

.detial_instr_wrap .detial_instr_item_content .cancel_black {

	position: absolute;

	top: 50%;

	right: 28px;

	width: 12px;

	height: 12px;

	margin-top: -6px;

	background-image: url(../images/cancel_black.png);

	background-size: cover;

}

.detial_instr_wrap .detial_instr_item_content .dataBox {

	position: absolute;

	top: 32px;

	left: 0;

	width: 100%;

	z-index: 9;

	background: #fff;

}

.detial_instr_wrap .detial_instr_item_content .dataBox ul {

	width: auto;

	margin-top: 0;

	box-shadow: 0 1px 8px #9e9e9e;

	padding: 0 10px;

}

.detial_instr_wrap .detial_instr_item_content .game-search .dataBox li {

	line-height: 40px;

}

.detial_instr_wrap .detial_instr_item_content .dataBox li {

	width: 100%;

	text-align: left;

	margin-bottom: 0;

	cursor: pointer;

	font-size: 14px;

	border-bottom: dashed #ddd 1px;

	line-height: 30px;

}



.detial_instr_wrap .detial_instr_item_content .dataBox li:last-child {

	border-bottom: 0;

}

.detial_instr_wrap .detial_instr_item_content.game_coupon .dataBox ul {

	padding: 10px 10px 0;

}

.detial_instr_wrap .detial_instr_item_content.game_coupon .dataBox li {

	border-bottom: 0;

	background: #fff3f2;

	padding: 5% 5% 2.5%;

	margin-bottom: 10px;

	width: 90%;

	border-radius: 10px;

}

.detial_instr_wrap .detial_instr_item_content .dataBox li .search_li_mone {

	font-size: 18px;

	color: red;

	width: 80px;

	padding-right: 10px;

	line-height: 48px;

	text-align: center;

}

.detial_instr_wrap .detial_instr_item_content .dataBox li .search_li_right {

	width: 100%;

	line-height: 24px;

}

.detial_instr_wrap .detial_instr_item_content .dataBox li .search_li_title {

	font-size: 15px;

}

.detial_instr_wrap .detial_instr_item_content .dataBox li .search_li_content {

	display: flex;

	justify-content: space-between;



}

.detial_instr_item {

	display: flex;

	justify-content: center;

	width: 100%;

	line-height: 30px;

	margin-top: 15px;

}

.detial_instr_item label {

	display: block;

	width: 110px;

	height: 30px;

	line-height: 30px;

	font-size: 16px;

	color: #9e9e9e;

}

.detial_instr_flb {

	text-align: center;

	font-size: 16px;

	color: #9e9e9e
}

.detial_instr_link span {

	font-size: 16px;

	width: 33.3%;

	text-align: center;

}

.detial_instr_link span a {

	color: #9e9e9e;

}

.detial_instr_wrap .pay_flb_button {

	background: #3386ee;

	height: 38px;

	width: 50%;

	border: 0;

	color: #fff;

	font-size: 16px;

	cursor: pointer;

}

.detial_instr_qrcode_wrap .detial_instr_notify {

	width: 110px;

	border: 0;

	height: 40px;

	line-height: 40px;

	border-radius: 5px;

	font-size: 15px;

	background: #3386ee;

	color: #fff;

	cursor: pointer;
	z-index: 10;

}

.detial_instr_qrcode_wrap .detial_instr_back {

	width: 110px;

	border: 0;

	height: 40px;

	line-height: 40px;

	border-radius: 5px;

	font-size: 15px;

	background: #fff;

	color: #000;

	cursor: pointer;

}

.detial_instr_qrcode_wrap .detial_instr_notice {

	color: #fff;

	font-size: 15px;

	width: 240px;

}

.detial_instr_qrcode_wrap .detial_instr_notice_title {

	font-size: 18px;

	margin-bottom: 20px;

	text-align: center;

}

.detial_instr_qrcode_wrap .detial_instr_notice_content {

	margin-bottom: 60px;

}

.detial_instr_qrcode_wrap .detial_instr_image {

	width: 180px;

	padding: 0 30px;

	margin: 0 auto 10px;

}

.detial_instr_qrcode_wrap .detial_instr_qrcode .detial_instr_button {

	display: flex;

	justify-content: space-between;

}

.detial_instr_qrcode_wrap .detial_instr_image .detial_instr_image_title {

	color: #fff;

	font-size: 16px;

	text-align: center;

	margin-bottom: 10px;

	height: 20px;

}

.detial_instr_qrcode_wrap .detial_instr_image img {

	width: 100%;

}

.detial_instr_pay_wrap,
.detial_instr_qrcode_wrap {

	position: absolute;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.6);

	top: 0;

	left: 0;

	border-radius: 10px;

	display: flex;

	justify-content: center;

	align-items: center;
	z-index: 10;

}

.detial_instr_pay_wrap .detial_instr_pay .zfb_wrap {

	margin-bottom: 30px;

}

.detial_instr_pay_wrap .detial_instr_pay .zfb_wrap,
.detial_instr_pay_wrap .detial_instr_pay .wx_wrap {

	display: flex;

	background: #fff;

	height: 30px;

	padding: 10px 20px;

	font-size: 16px;

	border-radius: 5px;

	cursor: pointer;

}

.detial_instr_pay_wrap .detial_instr_pay span {

	font-size: 16px;

	line-height: 30px;

	color: #313131;

}

.detial_instr_pay_wrap .detial_instr_pay .zfb_wrap i.zfb {

	width: 30px;

	height: 30px;

	background-image: url("../images/zfb.png");

	background-size: cover;

	display: block;

	margin-right: 10px;

}

.detial_instr_pay_wrap .detial_instr_pay .wx_wrap i.wx {

	width: 30px;

	height: 30px;

	background-image: url("../images/wxsm.png");

	background-size: cover;

	display: block;

	margin-right: 5px;

}

.detial_instr_pay_wrap .detial_instr_pay .detial_instr_cancel {

	cursor: pointer;

	position: absolute;

	margin-top: 20px;

	margin-left: -15px;

	left: 50%;

	width: 30px;

	height: 30px;

	background-image: url("../images/cancel.png");

	background-size: cover;

}

.detial_instr_cancel .m-hover .ios-btn {

	width: 120px;

	height: 30px;

	color: #fff;

	line-height: 30px;

	font-size: 14px;

	position: relative;

	margin-bottom: 5px;

	border-radius: 5px;

}

.m-hover .yxzt {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 120px;

	height: 30px;

	background: #00A4F3;



	color: #fff;

	line-height: 30px;

	text-align: center;

	font-size: 14px;

	margin-left: 10px;

	border-radius: 5px;



}

.m-hover {

	padding: 0 0 0 10px;

	color: #fff;

}

.m-hover .az-btn .az-1,
.m-hover .ios-btn .ios-1 {

	color: #fff;

}

.m-hover div a {

	color: #fff;

	display: block;

}

.az-btn i,
.ios-btn i {

	position: absolute;

	left: 9px;

	top: 1px;

}

.ios-btn.no,
.az-btn.no {

	background: #e6e6e6;

	color: #a3a3a3;

	opacity: .8;

}





/*开服榜*/

.kaifu-ph {

	margin-top: 10px;

}

.kaifu-ph li {

	overflow: hidden;

	/*border-bottom: 1px dotted #e3e3e3;*/



}

.kaifu-ph li:hover {

	/*background: #fafafa;*/

}

.kaifu-ph li div {

	float: left;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	text-align: center;

	height: 40px;

	line-height: 40px;

	font-size: 14px;

}

.kaifu-ph li div i {

	font-size: 17px;

}

.kaifu-ph li:nth-child(2) {

	margin-top: 10px;

}

.kaifu-ph .lb-time {

	width: 89px;

	background: #f5f5f5;

	margin-right: 1px;



}

.kaifu-ph .kf-time {

	width: 89px;

	/*color: #F63;*/

	color: #ff4c4c;

	margin-right: 1px;

}

.kaifu-ph .lb-name {

	width: 119px;

	background: #f5f5f5;

	margin-right: 1px;



}

.kaifu-ph .kf-name {

	width: 119px;

	margin-right: 1px;



}

.kaifu-ph .kf-name a {

	color: #333;

}

.kaifu-ph .lb-qf {

	width: 110px;

	background: #f5f5f5;



}

.kaifu-ph .kf-qf {

	width: 110px;

	/*color: #777;*/

	color: #999;

}

.kaifu-ph .lb-xz {

	width: 30px;

}

.kaifu-ph .kf-xz {

	width: 30px;

}

.kaifu-ph .lb-lb {

	width: 30px;

}

.kaifu-ph .kf-lb {

	width: 30px;

}

.kaifu-head {

	/*background: #FFF5ED;*/

	color: #333;



	height: 30px;

	line-height: 30px;

}

li.kaifu-head div {

	height: 30px;

	line-height: 30px;

}

.kaifu-ph .kf-xz i {

	color: #0cc6c6;

}

.kaifu-ph .kf-lb i {

	color: #ed5748;

}





/*游戏资讯*/

.tp-zx {

	width: 300px;

	margin-top: 20px;

	float: left;

}

.tp-zixun {

	width: 300px;

	height: 170px;

	margin-bottom: 20px;

	position: relative;

	overflow: hidden;

	border-radius: 4px;

}

.tp-zixun:last-child {

	margin-bottom: 10px;

}



.tp-zixun img {

	width: 100%;

	height: 100%;

}

.title-bj {

	background: rgba(0, 0, 0, 0.5);

	color: #fff;

	width: 300px;

	height: 36px;

	position: absolute;

	bottom: 0px;

	left: 0px;

	font-size: 17px;

	line-height: 36px;



}

.title-bj p {

	padding: 0 10px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.ht {

	background: #ff6238;

	width: 0px;

	height: 2px;

	position: absolute;

	bottom: 0px;

	left: 0px;

	transition: all 0.5s;

}

.tp-zixun:hover .ht {

	width: 100%;



}



.wz-zx {

	float: left;

	width: 470px;

	margin-left: 30px;

	margin-top: 30px;

}

.m_l {

	overflow: hidden;

}

.wz-zx .hd {



	overflow: hidden;

	border-bottom: 1px dotted #e3e3e3;

}

.hd-bt {

	font-size: 24px;



	text-align: center;

	width: 470px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.hd-bt a {

	color: #f4340e;

}

.hd-zy {

	color: #999999;

	font-size: 14px;

	line-height: 24px;

	/*text-indent:2em;*/

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

	margin-top: 10px;

	margin-bottom: 10px;

}

.hb li {

	font-size: 14px;

	line-height: 28px;

	width: 470px;

	overflow: hidden;

	position: relative;

}

.hb li em {

	margin: 0 10px;

	color: #d3d3d3;

	width: 4px;

	display: inline-block;

	float: left;

}

.hb li a {

	color: #333;

	display: inline-block;

	width: 360px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	float: left;

}

.hb li a:hover {

	color: #ff6238;

}

.hb li span {

	color: #00b3fe;

	display: inline-block;

	width: 56px;

	float: left;

}

.hb li p {

	position: absolute;

	right: 0px;

	top: 0px;

	line-height: 28px;

	color: #999999;

}





/*礼包榜单*/

.lb-ph {

	margin-top: 6px;

}

.lb-ph li {

	padding: 10px 0px 11px 75px;

	position: relative;

	height: 60px;

	border-bottom: 1px dashed #e3e3e3;

}



.lb-ph li img {

	position: absolute;

	left: 5px;

	top: 10px;

	width: 60px;

	height: 60px;

}

.lb-ph li h4 {

	/*padding: 5px 0;*/



	font-size: 14px;

	font-weight: 400;

	width: 210px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	color: #525252;

}

.lb-ph li .yxnm {

	height: 24px;

	line-height: 24px;

	color: #6c6c6c;

	font-size: 12px;

	width: 176px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

.lb-ph li .lbsl {

	height: 20px;

	line-height: 20px;

	color: #999;

	font-size: 12px;

}

.lb-ph li .lbsl span {

	color: #ff6238;

}

.lb-ph li div {

	position: absolute;

	right: 5px;

	top: 25px;

	z-index: 1;

	width: 60px;

	height: 26px;

	line-height: 26px;

	color: #fff;

	background: none;

	border: 1px solid #31d6a2;

	/*color: #99d846;*/

	color: #31d6a2;

	text-align: center;

	border-radius: 5px;

	-webkit-transition: all .3s ease-out;

	transition: all .3s ease-out;

}

.lb-ph li div:hover {

	background: linear-gradient(to right, #27cab6, #3adb9d);

	color: #fff;

}



/*.lb-ph li div:before{

	content: "";

    	position: absolute;

    	z-index: -1;

    	top: 0;

    	left: 0;

    	right: 0;

    	bottom: 0;

    	background: #99d846;

    	width: 0px;

   	 -webkit-transition: all .3s ease-out;

    	transition: all .3s ease-out;

}*/

.lb-ph li:hover {

	/*background: #fafafa;*/

}

.lb-ph li:hover div {

	/*color: #fff;	*/

}

/*.lb-ph li:hover div:before{

	width: 60px;

	

}*/





/*每日推荐*/

.mrtj {

	background: #FFFFFF;

	margin-top: 20px;

	padding-top: 0px;

}

#flexslider1 li {

	position: relative;



}

#flexslider1 li .tj-name {

	position: absolute;

	bottom: 0px;

	width: 100%;

	color: #fff;

	left: 0px;

	background: rgba(0, 0, 0, 0.5);

	height: 35px;

	text-align: center;



	line-height: 35px;

	font-size: 15px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

#flexslider1 ol {

	display: none;

}

#flexslider1 {



	box-shadow: none;

	overflow: visible;

}

.tj-box {

	padding: 0 47px;

	margin-top: 20px;

	height: 165px;

}



#flexslider1 .flex-direction-nav {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

}

#flexslider1 .flex-direction-nav a {
	opacity: 1;
	height: 40px;
	width: 40px;
	border-radius: 5px;
	top: 55px;
	margin: 0px;
	border-radius: 50%;
	box-shadow: 0px 2px 8px 0px rgba(147, 147, 147, 0.5)
}

// #flexslider1 .flex-direction-nav .flex-prev {
// 	background: #ff6238 url(../images/jt-left.png) no-repeat 8px center;
// 	transition: all .2s;
// 	left: -49px;
// }

// #flexslider1 .flex-direction-nav .flex-next {
// 	background: #ff6238 url(../images/jt-right.png) no-repeat 12px center;
// 	transition: all .2s;
// 	right: -49px;
// }

// #flexslider1:hover .flex-prev {
// 	opacity: 1;
// 	left: -49px;
// }

// #flexslider1:hover .flex-next {
// 	opacity: 1;
// 	right: -49px;
// }

// #flexslider1:hover .flex-next:hover,
// .flexslider:hover .flex-prev:hover {
// 	opacity: 1;
// }

// #flexslider1 .flex-direction-nav .flex-disabled {
// 	opacity: 0 !important;
// 	filter: alpha(opacity=0);
// 	cursor: default;
// }



#flexslider1 .slides img {

	transition: all .3s;

	height: 100%;

}

#flexslider1 .slides li:hover img {

	transform: scale(1.05);

}

#flexslider1 .slides li {

	overflow: hidden;

	height: 165px;

	border-radius: 4px;

}

.carousel li:last-child {

	margin: 0px;

}

/*#flexslider1 .flex-direction-nav .flex-prev:hover{

	background-color: rgba(255,162,0, 0.9);

}

#flexslider1 .flex-direction-nav .flex-next:hover{

	background-color: rgba(255, 162, 0, 0.9);

}

*/





/*游戏大全*/



/*页码*/
.page {
	margin-top: 10px;
}

#pagecount {
	margin: 0px auto;
	padding-bottom: 20px;
	text-align: center;
}

.page span div span,
.page span div a {

	border-radius: 4px;

	width: 30px;

	height: 30px;

	background: #fff;

	text-align: center;

	margin-right: 5px;



	border: 1px solid #ddd;

	display: inline-block;





	line-height: 30px;

	color: #666;

	font-size: 12px;



}

.page span div span:hover {

	background: #ff6238;

	color: #fff;

	border: 1px solid #ff6238;

}

.page span div a:hover {

	background: #ff6238;

	color: #fff;

	border: 1px solid #ff6238;

}

.page span div .current {

	width: 30px;

	height: 30px;

	background: #ff6238;

	text-align: center;

	margin-right: 5px;



	border: 1px solid #ff6238;

	display: inline-block;





	line-height: 30px;

	color: #fff;

	font-size: 12px;

	border-radius: 4px;



}





/*右边排行*/

.right .m_r_c_btn1 {



	position: absolute;



	top: 50%;



	margin-top: -15px;



	right: 0;



	display: block;



	width: 80px;



	text-align: center;



	line-height: 25px;



	font-size: 14px;



	background: #F13D6D;



	border-radius: 5px;



	color: #FFFFFF;



	border: 1px solid;

}

.right .m_r_con li {

	border-bottom: 1px solid #f4f4f4;

}

.right .show2 img {

	box-shadow: 0px 3px 6px #cacaca;

	border-radius: 10px;

}

.right .power i {

	color: #ff5d13;

}

.right .power {

	margin-top: 2px;

}

.right .xiazai-btn {



	width: 70px;

	height: 27px;

	background: none;

	background-position: -133px 0px;

	top: 45%;

	border: 1px solid #fe7f36;

	border-radius: 5px;

	color: #fe7f36;

}





.right .m_r_con li:hover .xiazai-btn {



	background: none;





	background: linear-gradient(to right, #fb4b4d, #ff7138);

	color: #fff;

}



.right .show2_con p {



	width: 136px;

}











/*游戏列表*/

.gameList_con {

	margin: 0px;

}

.gameList.game-lb {

	padding: 0px;

	background: none;

	width: 1200px;

}

.gameList_select {

	border: 0px;

	margin: 0px;

}

.g_s_type {

	/*overflow: hidden;*/
	position: relative;
	overflow: hidden;
	float: none;

	// display: inline-block;

}

.g_s_type a {
	width: 78px;

	height: 30px;

	line-height: 30px;

	/*border: 1px solid #ece7e8;*/

	color: #666;

	font-size: 14px;

	display: inline-block;

	text-align: center;

	/*float: left;*/

	background: #f5f5f5;

	border-radius: 4px;
	margin-bottom: 10px;
}

.gameList_select li {
	position: relative;
	overflow: hidden;
	min-height: 43px;



}

.gameList_select li>span {

	text-align: left;

	font-size: 14px;

	line-height: 34px;

	// display: inline-block;

	// float: none;

}

.g_s_type a.active {

	color: #fff;

	background-color: #ff6238;

	box-shadow: 0px 2px 10px 0px rgba(255, 98, 56, 0.5);



}

.g_s_type a:hover {

	background: #ff6238;



	color: #fff;

	box-shadow: 0px 2px 10px 0px rgba(255, 98, 56, 0.5);

}

.gameList_deital {

	margin: 0px 13px 13px 0;

	background: #fff;

	width: 360px;

	border: 1px solid #f5f5f5;

	border-radius: 10px;

	padding: 15px;

	transition: all .2s;

	position: relative;

	top: 0px;

}

.gameList_con {

	width: 1227px;

	border: 0px;

}

.page {

	background: none;

}

.g_w_btn {

	border-radius: 0px;

	margin: 10px 20px 0 0;

	font-size: 15px;

	padding: 5px 20px;

	border-radius: 5px;

}

.g_w_btn:nth-last-child(2) {

	background: linear-gradient(to right, #fb4b4d, #ff7138);

	color: #fff;

	/*transition: all 0.1s;*/

	border: 0px;

}

.g_w_btn:nth-last-child(2):hover {

	background: #fb4b4c;



}

.g_w_btn:last-child {

	margin: 10px 0px 0 0;

	border: 0px;

	/*color: #31c37c;*/

	color: #fff;

	background: linear-gradient(to right, #27cab6, #3adb9d);

	/*transition: all 0.3s*/



}

.g_w_btn:last-child:hover {

	background: #27cab6;



}

.gameList_deital:hover {

	border-color: #fff;

	/*box-shadow: 0 0 15px #bebebe;*/

	box-shadow: 0px 2px 10px 0px rgba(145, 145, 145, 0.52);

	position: relative;

	top: -2px;

}

.gameList_word h4 {

	color: #5d5d5d;

	font-size: 18px;

	font-weight: 500;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.gameList_word h4:hover {

	color: #ff6238;

}

.gameList_word p {

	color: #999999;

	margin-top: 4px;

}

.gameList_word {

	width: 224px;

}

.gameList_word span {

	color: #ff6238;

	display: inline-block;

	margin-top: 4px;

}





/*礼包主页*/

.gift_list {

	margin-top: 20px;

}

.gift_list .gift-left,
.gift_list .gift-right {

	background: none;

	padding: 0px;

}

.gift_list .gift-left {

	width: 830px;

}

.gift_list .gift-right {

	width: 350px;

}

.gift-right .libao-btn {

	width: 70px;

	height: 27px;

	background: none;

	right: 50px;

	top: 45%;

	border: 1px solid #32d6a1;

	color: #22c9b5;

}

.gift-right .m_r_con li:hover .libao-btn {

	color: #fff;

	background: linear-gradient(to right, #27cab6, #3adb9d);





}

.gift-right .show1 .num.so-hot {

	width: 16px;

	height: 16px;

	font-size: 12px;

	line-height: 16px;

	border-radius: 4px;

	font-weight: normal;

	margin-top: 7px;

}



.gift-right .m_r_con li.active .show2 .num.so-hot {

	border-radius: 4px;

	width: 16px;

	height: 60px;

	font-size: 12px;

	font-weight: normal;

}

.gift-right .show2_con p {

	font-size: 12px;

	margin-top: 5px;

	width: 145px;

}





.lb-box {

	background: #fff;

	padding: 15px;

	margin-bottom: 20px;

}

.qunbu-gift {

	background: #fff;

	padding: 15px;

	/*min-height: 615px;*/

	padding-top: 0px;

	margin-bottom: 20px;

}

.gift-rm {

	background: #fff;

	padding: 15px;

	padding-top: 0px;

	margin-bottom: 20px;

}

.gift-zx {

	background: #fff;

	padding: 15px;

	padding-top: 0px;

}

.gift-right .show2_con {

	width: 220px;

}

.g_l_con {
	border: 0px;
	margin: 0;
	position: relative;
	/*min-height: 468px;*/

}

.lb-search {
	position: absolute;
	top: 20px;
	right: 0;
	height: 30px;
}

.lb-search-content {
	height: 100%;
	width: 216px;
	padding-left: 20px;
	border-radius: 30px;
	border: solid #BBBBBB 1px;
}

.lb-search-button {
	position: absolute;
	top: 0;
	right: 10px;
	width: 50px;
	height: 100%;
	border: 0;
	background: none;
	cursor: pointer;
	font-size: 14px;
	color: #828282;
}

.gift-img {

	float: left;

	overflow: hidden;

	border-radius: 50%;

	border: 5px solid #32d6a1;

	margin-right: 20px;

}

.g_l_con li .gift-img img {
	border-radius: 50%;
	border: 2px solid #fff;
	width: 100px;
	height: 100px;
}

.g_l_con li .lb-lq {
	position: absolute;
	right: 15px;
	top: 50px;
	display: block;
	border: 1px solid #31d6a2;
	color: #31d6a2;
	width: 120px;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	text-align: center;
	font-size: 18px;
	transition: all .3s;
}

.g_l_con li .lb-lq:hover {
	background: #31d6a2;
	color: #fff;
}

.power {
	float: none;
}

.g_l_word h4 {

	color: #333;

	font-size: 22px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	word-break: break-all;

	margin: 0px;

}

.g_l_word h4 em {

	display: inline-block;

	padding: 1px 8px;

	border: 1px solid #ff6238;

	color: #ff6238;

	border-radius: 5px;

	font-size: 12px;

}

.g_l_word p {

	color: #454545;

	font-size: 14px;

	margin-top: 5px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	word-break: break-all;

}

.g_l_word p em {

	color: #999;

}

.g_l_word .power {

	/*line-height: 15px;*/

	font-size: 15px;

	vertical-align: middle;

	color: #ff6238;

}





.power span i {

	border-radius: 5px;

	background: linear-gradient(to right, #2ccab7, #3fdb9d);

	/*background: #5cb85c;*/

	/*background: #99d846;

	   background-image: -webkit-linear-gradient(bottom left, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);

	    background-image: -o-linear-gradient(bottom left, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);

	    background-image: linear-gradient(to top right, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);

   	 -webkit-background-size: 40px 40px;

   	 background-size: 40px 40px;

        	animation: reverse progress-bar-stripes 0.7s linear infinite, animate-positive 0.7s;*/

}

.power span {

	border-radius: 5px;

	background: #e7e7e7;

}

.g_l_word .power span {

	border-radius: 15px;

	background: #e7e7e7;

	width: 350px;

	height: 15px;

	vertical-align: middle;

}

.g_l_word .power span i {

	height: 15px;

	border-radius: 15px;

}

.g_l_word h4 {

	color: #333333;

}

.g_l_word>a>span {

	color: #999999;

}

.g_l_con li {

	transition: all 0.3s;

	margin: 0px;

	padding: 15px;

	float: none;

	width: auto;

	overflow: hidden;

	border-bottom: 1px dashed #dcdcdc;

	position: relative;

}

.g_l_con li:hover {

	box-shadow: none;

	/*background: #fafafa;*/

}

.g_l_word {

	width: 500px;

	float: left;

}

.qunbu-gift #pagecount {

	padding-bottom: 0px;

	padding-top: 10px;

}



.gift-rm .show1 .num.so-hot.num1,
.gift-rm .show1 .num.so-hot.num2,
.gift-rm .show1 .num.so-hot.num3,

.gift-rm .show2 .num.so-hot.num1,
.gift-rm .show2 .num.so-hot.num2,
.gift-rm .show2 .num.so-hot.num3 {

	background: #32d6a1;

}



/*.gift-right .show1 .num.so-hot{

	width: 18px;

	height: 18px;

	border-radius: 50%;

	line-height: 18px;

	font-size: 12px;

	margin: 6px 10px 0 0;

	font-weight:100;

}*/

.gift-right .show1 p {

	width: 180px;

	color: #333333;

}

.gift-rm .power span i {

	background: linear-gradient(to right, #2ccab7, #3fdb9d);

	/*background:#b4d465;

	   background-image: -webkit-linear-gradient(bottom left, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);

	    background-image: -o-linear-gradient(bottom left, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);

	    background-image: linear-gradient(to top right, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);

   	 -webkit-background-size: 40px 40px;

   	 background-size: 40px 40px;

        	animation: reverse progress-bar-stripes 0.7s linear infinite, animate-positive 0.7s; */

}

.gift-right li {

	/*border-bottom: 1px dotted #e3e3e3;*/

	/*margin-top: 7px;*/

}

.gift-right .m_r_con li.active .show2 {

	/*margin-bottom: 10px;*/

}

.gift-right .show2_con a p.game-name {

	font-size: 16px;

	color: #5f5f5f;

	margin-top: 0px;

}

.gift-zx .show1 .num.so-hot.num1,
.gift-zx .show1 .num.so-hot.num2,
.gift-zx .show1 .num.so-hot.num3,

.gift-zx .show2 .num.so-hot.num1,
.gift-zx .show2 .num.so-hot.num2,
.gift-zx .show2 .num.so-hot.num3 {

	background: #32d6a1;

}

.gift-zx .power span i {

	background: linear-gradient(to right, #2ccab7, #3fdb9d);

	/*background:#31c37c; 

	    background-image: -webkit-linear-gradient(bottom left, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);

	    background-image: -o-linear-gradient(bottom left, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);

	    background-image: linear-gradient(to top right, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);

   	 -webkit-background-size: 40px 40px;

   	 background-size: 40px 40px;

        	animation: reverse progress-bar-stripes 0.7s linear infinite, animate-positive 0.7s;*/

	/*animation: animate-positive 2s;*/

}

@-webkit-keyframes animate-positive {

	0% {
		width: 0;
	}

}

@keyframes animate-positive {

	0% {
		width: 0;
	}

}

@keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}

	to {
		background-position: 0 0
	}
}

.gift-left .page span div .current {

	background: #ff6238;

	border: 1px solid #ff6238;

}

.gift-left .page span div span:hover {

	background: #ff6238;

	color: #fff;

	border: 1px solid #ff6238;

}

.gift-left .page span div a:hover {

	background: #ff6238;

	color: #fff;

	border: 1px solid #ff6238;

}





.lb-sx span {
	width: 95px;
	text-align: left;
	line-height: 30px;
	display: inline-block;
	float: none;
	font-size: 16px;
	color: #313033;
}

.lb-sx {

	padding: 20px 0px;

}







/*游戏资讯*/

.news_list {

	width: 1200px;

	padding: 0;

	margin-top: 20px;

}

.news_list .news-left {

	width: 830px;

}

.dh-box {

	background: #fff;

	padding: 15px;

	margin-bottom: 20px;

	padding-top: 0px;

}

.dh-box ul {

	/*overflow: hidden;*/

	padding: 30px 0 15px 0;

}

.dh-box ul li {

	display: inline-block;



	height: 40px;

	line-height: 40px;



	background: #f5f5f5;

	font-size: 16px;



	text-align: center;



	margin: 0 10px;

	border-radius: 4px;

}

.dh-box ul li a {

	color: #666666;

	display: block;

	padding: 0 30px;

}

.dh-box ul .news-active {

	background: #ff6238;

	box-shadow: 0px 2px 10px 0px rgba(255, 98, 56, 0.5);





}

.dh-box ul .news-active a {

	color: #fff;

}

.dh-box ul li:hover {

	background: #ff6238;

	box-shadow: 0px 2px 10px 0px rgba(255, 98, 56, 0.5);

	color: #fff;

}

.dh-box ul li:hover a {

	color: #fff;

}

.qunbu-news {

	background: #fff;

	padding: 15px;



}

.news-img {

	width: 200px;

	height: 113px;

	float: left;

}

.news-img img {

	width: 100%;

	height: 100%;

	border-radius: 4px;

}

.news-img:hover img {

	opacity: 0.8;

}

.news-lb li {



	padding: 0 0 15px 0;

	margin-bottom: 15px;

	border-bottom: 1px solid #eaeaea;

	position: relative;

}

.news-nr {

	float: left;

	margin-left: 20px;

	width: 580px;

}

.news-nr h3 a {

	font-size: 18px;

	font-weight: 500;

	color: #333;

	transition: color 0.3s ease;

	display: block;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	margin-bottom: 15px;

}

.news-nr h3:hover a {

	color: #ff6238;

}

.news-nr p {

	color: #858585;



	line-height: 24px;



	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	height: 44px;

}

.news-xx {

	color: #9e9e9e;

	margin-top: 10px;

	overflow: hidden;

}

.news-xx .iconfont {

	font-size: 15px;

	margin-right: 5px;

	color: #fe7f36;

}

.news-time {

	float: right;

}

.line {

	position: absolute;

	bottom: -1px;

	left: 0;

	width: 100%;

	height: 1px;

	background-color: #f9f9f9;

	/*-webkit-transform: scale(0);

	transform: scale(0);

	-webkit-transition: all .8s;

	transition: all .8s;*/

}

/*.news-lb li:hover .line{

	transform: scale(1);

}*/

.news-box {

	overflow: hidden;

}

.xw-rm,
.gl-rm,
.hd-rm {

	background: #fff;

	padding: 15px;

	margin-bottom: 20px;

	padding-top: 0px;

}

.news_list .news-right {

	width: 350px;

}

.news-right .xw-rm li {

	height: 30px;

	line-height: 30px;

	list-style: inside disc;

	color: #bbb;

	padding: 5px 0;

	/*border-bottom: 1px dotted #e3e3e3;*/

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;



}

.news-right .xw-rm li a {

	color: #525252;

	font-size: 14px;

	/*display: block;

	float: left;*/

	/*width: 290px;*/



}

.xw-rm ul {

	margin-top: 15px;

}

.news-right .xw-rm li:hover a {

	color: #ff6238;

}

.xw-rm .num1,
.xw-rm .num2,
.xw-rm .num3 {

	background: #00c5ff;

}

.gl-rm .num1,
.gl-rm .num2,
.gl-rm .num3 {



	background: #2196f3
}

.hd-rm .num1,
.hd-rm .num2,
.hd-rm .num3 {

	background: #03a9f4
}

/*.news-right li span{

    	width: 18px;

    	height: 18px;

    	

    	line-height: 18px;

    	font-size: 12px;

    	margin: 2px 10px 0 0;

    	font-weight: 100;

    	background: #a5b1bf;

    	float: left;

    	display: inline-block;

    	text-align: center;

    	color: #fff;

}*/

.qunbu-news #pagecount {

	padding-bottom: 0px;

	margin-top: 10px;

}

.qunbu-news .page span div .current {

	background: #ff6238;

	border: 1px solid #ff6238;

}

.qunbu-news .page span div span:hover {

	background: #ff6238;

	color: #fff;

	border: 1px solid #ff6238;

}

.qunbu-news .page span div a:hover {

	background: #ff6238;

	color: #fff;

	border: 1px solid #ff6238;

}

.news-right .show2_con {

	width: 245px;

}

.news-right .show1 .num.so-hot.num1 {

	background: #ff8400;

}

.news-right .show1 .num.so-hot.num2 {

	background: #f09601;

}

.news-right .show1 .num.so-hot.num3 {

	background: #f3d400;

}











/*资讯详情*/

.wenzhang_list {

	background: none;

	padding: 0px;

	width: 1200px;

}

.wenzhang-left {

	padding: 15px;

	background: #fff;

}

.wenzhang-game {

	padding: 15px;

	background: #fff;

	margin-bottom: 20px;

}

.address_nav {

	padding: 15px 0px;

	width: 1200px;

	font-size: 14px;

	color: #868686;

}

.wz-name {

	color: #fe7f36;

}

.detial_con .left>h2 {

	color: #ff6238;

}

.fgx {

	border-bottom: 1px solid #f2f2f2;

	width: 100%;

	margin: 20px 0;

}

.wz-sxp p {

	margin-bottom: 10px;

	text-align: left;

	padding-left: 30px;

	color: #666666;

}

.wz-sxp p a {

	color: #999999;

}

.wz-sxp p a:hover {

	color: #ff6238;

}

.wz-game-t {

	overflow: hidden;

	border-bottom: 1px dotted #e9e9e9;

	padding-bottom: 15px;

}

.wz-game-img {

	width: 100px;

	height: 100px;

	float: left;

}

.wz-game-img img {

	width: 100%;

	height: 100%;

	border-radius: 15px;

	box-shadow: 0px 3px 6px #cacaca;

}

.wz-game-nr {

	float: left;

	width: 200px;

	margin-left: 20px;

}

.wz-game-nr h4 {

	font-size: 20px;

	color: #2e2e2e;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 500;

	font-weight: normal;

	margin-bottom: 10px;

	margin-top: 6px;

}

.wz-game-nr p {

	color: #9e9e9e;

	font-size: 15px;

	margin-bottom: 5px;

}

.wz-game-zy {

	padding: 10px 0;

}

.wz-game-zy p {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 5;

	-webkit-box-orient: vertical;

	color: #999999;

	font-size: 15px;

	text-indent: 2em;



}

.wz-game-zt {

	width: 100%;

	height: 40px;

	margin-bottom: 10px;

	line-height: 40px;

	background: #99d846;

	text-align: center;

	font-size: 20px;

	border-radius: 4px;

}

.wz-game-zt a {

	display: block;

	color: #fff;

}

.wz-game-zt:hover {

	background: #7ed110;

}

.wz-game-lb {

	width: 100%;

	height: 40px;

	line-height: 40px;

	background: #ffba00;

	text-align: center;

	font-size: 20px;

	border-radius: 4px;

}

.wz-game-lb a {

	color: #fff;

	display: block;

}

.wz-game-lb:hover {

	background: #ffa200;

}

.wenzhang-right .show1 .num.so-hot.num1 {

	background: #36aa6f;

}

.wenzhang-right .show1 .num.so-hot.num2 {

	background: #60bd8e;

}

.wenzhang-right .show1 .num.so-hot.num3 {

	background: #8adbb2;

}

.xgzx {

	/*margin-top: 20px;*/

}

.xgzx li {

	height: 30px;

	line-height: 30px;

	list-style: inside disc;

	color: #bbb;

	padding: 5px 0;

	/* border-bottom: 1px dotted #e3e3e3; */

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.xgzx li a {

	color: #525252;

	font-size: 14px;

}

.xgzx ul {

	margin-top: 15px;

}

.xgzx li:hover a {

	color: #ff6238;

}

.d_c_word {

	min-height: 613px;

}





/*游戏礼包列表*/

.giftList_con>ul li>div.giftCtrl a {

	border: 1px solid #32d6a1;

	color: #32d6a1;

	font-size: 18px;

	padding: 5px 30px;

}

.giftName {

	width: 30%;

}

.gameName,
.giftTime,
.giftType {

	width: 25%;

}

.giftList_con>ul li>div.giftCtrl a:hover {

	background: linear-gradient(to right, #27cab6, #3adb9d);

	color: #fff;

}

.yx-lb-lb .search_result {

	margin-top: 0px;

	color: #999;

}

.yx-lb-lb {

	padding-top: 0px;

}

.g_c_title {

	height: 40px;

}

.g_c_title>span {

	border: 1px solid #fff;

	box-sizing: border-box;

	height: 40px;

	line-height: 40px;

	color: #333;

	background: #f5f5f5;

}

.giftCtrl {

	width: 20%
}

.giftList_con>ul li>div.giftName img {

	width: 80px;

	height: 80px;

}

.giftList_con>ul li>div.giftName p {

	line-height: 80px;

	width: 245px;

	font-size: 18px;

	color: #454545;

}

.giftList_con>ul li {

	height: 80px;

	padding: 20px 0;

}

.giftList_con {

	border: 0px;

	margin-bottom: 0px;

}

.giftList_con>ul li>div.gameName,
.giftList_con>ul li>div.giftTime,
.giftList_con>ul li>div.giftType,
.giftList_con>ul li>div.giftCtrl {

	line-height: 80px;

}

.giftList_con>ul li>div.gameName a {

	font-size: 18px;

	color: #454545;

}

.giftList_con>ul li>div.giftTime {

	color: #ff3b43;

	font-size: 18px;

}



/*搜索游戏列表*/

.search_result {

	margin-left: 0px;

	margin-top: 20px;

}

.gameList_con {

	min-height: 350px;

}





/*游戏专题*/

.game-xq-box {

	padding: 0px;

	background: none;

	width: 1200px;

	position: relative;

}

.game-xq-box .game-xq-left {

	width: 830px;



}

.game-xq-box .game-xq-right {

	width: 350px;



}

.game-xq-app {

	background: #fff;

	padding: 20px;

	border-radius: 10px;

}

.game-xq-img {

	width: 120px;

	height: 120px;

	margin: 0px auto;

}

.game-xq-img img {

	width: 100%;

	height: 100%;

}

.game-xq-nr h3 {







	padding: 16px 0;

	border-bottom: 1px dotted #e9e9e9;

	font-size: 22px;

	font-weight: bold;

	color: #4c4c4c;

}

.game-xq-xx {

	padding: 30px 15px;

}

.game-xq-xx p {

	color: #4c4c4c;

	font-size: 16px;

	text-align: left;

	margin-bottom: 20px;

}

.game-xq-xx p .iconfont {

	font-size: 25px;

	margin-right: 10px;

}

.game-xq-btn {

	padding: 30px 15px;

	border-bottom: 1px dotted #e9e9e9;

}

.anzuo-xz,
.ios-xz,
.lblq,
.gd-xz {

	/*width: 100%;*/

	height: 47px;

	/*margin-bottom: 15px;*/

	position: relative;

	display: inline-block;

	margin-right: 20px;

	border-radius: 4px;

	box-shadow: 0px 5px 20px 1px rgba(0, 0, 0, 0.1);



}

.gd-xz {

	margin-right: 0px;

}

.anzuo-xz a,
.ios-xz a,
.lblq a,
.gd-xz a {



	position: relative;

	background: #99d846;

	font-size: 18px;



	line-height: 47px;

	display: inline-block;

	float: left;

	width: 132px;

	height: 47px;



	text-decoration: none;

	color: #fff;

	text-align: center;

	border-top-left-radius: 4px;

	border-bottom-left-radius: 4px;

}

.ewm-xz,
.gd {

	float: left;

}

.anzuo-xz .ewm-xz {

	background: #7ac72c;

	height: 47px;

	width: 47px;

	line-height: 47px;

	text-align: center;

	cursor: pointer;

	border-top-right-radius: 4px;

	border-bottom-right-radius: 4px;

}

.ios-xz .ewm-xz {

	background: #59b0f4;

	height: 47px;

	width: 47px;

	line-height: 47px;

	text-align: center;

	cursor: pointer;

	border-top-right-radius: 4px;

	border-bottom-right-radius: 4px;

}

.lblq .gd {

	background: #ffa100;

	height: 47px;

	width: 47px;

	line-height: 47px;

	text-align: center;

	border-top-right-radius: 4px;

	border-bottom-right-radius: 4px;

}

.gd-xz .gd {

	background: #ff4839;

	height: 47px;

	width: 47px;

	line-height: 47px;

	text-align: center;

	border-top-right-radius: 4px;

	border-bottom-right-radius: 4px;

}

.game-xq-jieshao .info {

	width: 100%;

	padding: 25px 0;

	overflow: hidden;

}

.game-xq-jieshao .info-img {

	margin-right: 15px;

	float: left;

}

.game-xq-jieshao .info-img img {

	width: 120px;

	height: 120px;

	border-radius: 24px;

}

.game-xq-jieshao .info_cent {

	float: left;

	width: 645px;

	min-height: 90px;

	margin: 0 5px;

}

.game-xq-jieshao .info_cent li {

	width: 100%;

	display: block;

	float: left;

	min-height: 26px;

	line-height: 26px;

	font-size: 15px;

	margin: 7px 0;

}

.game-xq-jieshao .info_cent li span {

	width: 50px;

	color: #9e9e9e;

	display: block;

	float: left;

}

.game-xq-jieshao .info_cent li span.coin {

	line-height: 30px;

	width: 120px;

	font-size: 16px;

	font-weight: bold;

	color: #F9440A;

}

.game-xq-jieshao .bt .pay_coin {

	float: right;

	line-height: 30px;

	width: 100px;

	font-size: 18px;

	font-weight: bold;

	color: #e24848;

}

.game-xq-jieshao .info_cent li span .coin {

	float: left;

	background-image: url("../images/coin.png");

	background-repeat: no-repeat;

	background-position: left center;

	background-size: 16px;

	display: block;

	width: 24px;

	height: 30px;

}

.game-xq-jieshao .bt span .coin2 {

	float: left;

	background-image: url("../images/coin3.png");

	background-repeat: no-repeat;

	background-position: left center;

	background-size: 30px;

	display: block;

	width: 40px;

	height: 30px;

}

.game-xq-jieshao .info_cent li p {

	width: 157px;

	height: 26px;

	overflow: hidden;

	margin: 0 4px;

	color: #525252;

	display: block;

	font-size: 15px;

	line-height: 26px;

	float: left;

	padding: 0px;

}

.game-xq-jieshao .bt h1 {

	display: block;

	float: left;

	height: 34px;

	line-height: 34px;

	font-size: 26px;

	font-weight: bold;

	color: #2e2e2e;

	max-width: 810px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	margin-right: 10px;

}

.game-xq-jieshao .bt {

	width: 100%;

	height: 34px;

	float: left;

	padding: 20px 0px 10px 0;

	border-bottom: 1px dotted #ddd;

}

.game-xq-jieshao .info_cent li .info-zd {

	padding: 0 10px;

	background-color: #fff6e0;

	color: #f60;

	border-radius: 30px;

	display: block;

	width: auto;

}

.game-xq-jieshao .btnwrap {

	padding-top: 10px;

}

.az-img,
.pg-img {

	position: relative;

	top: 3px;



}

.pg-img {

	top: 2px;

}

.m_r_con .az-img,
.m_r_con .pg-img {

	width: auto;

	height: auto;

	float: none;

}

.anzuo-xz .ewm-xz,
.ios-xz .ewm-xz,
.lblq .gd,
.gd-xz .gd {

	color: rgba(255, 255, 255, 0.5);

}

.anzuo-xz .ewm-xz .iconfont,
.ios-xz .ewm-xz .iconfont,
.lblq .gd .iconfont,
.gd-xz .gd .iconfont {

	font-size: 25px;

}

.game-xq-btn a .iconfont {

	position: absolute;

	font-size: 25px;

	top: 0px;

	left: 25px;

}

.anzuo-xz a {

	background: #99d846;

}

.anzuo-xz a:hover {

	background: #7ed110;

}

.ios-xz a {

	background: #79c6f8;

}

.ios-xz a:hover {

	background: #03a9f4;

}

.lblq a {

	background: #ffba00;

}

.lblq a:hover {

	background: #ff9800;

}

.gd-xz a {

	background: #ff6838;

}

.gd-xz a:hover {

	background: #f44336;

}

.qrcode-anzhuo,
.qrcode-pingguo {

	top: 53px;

	left: 34px;

	z-index: 99
}

.game-xq-jieshao,
.game-xq-libao,
.game-xq-zixun,
.game-xq-jietu {

	padding: 20px;

	padding-top: 0px;

	background: #fff;

	margin-top: 0px;

	margin-bottom: 20px;

	border-radius: 10px;

}

.game-xq-zixun {

	margin-bottom: 0px;

}

.xw-box {

	margin: 20px auto 0
}

.game_word {

	color: #444444;

}

.gameGift {

	overflow: hidden;

}

.gameGift li {

	width: 333px;

	border-radius: 10px;

}

.gameGift li>span {

	display: block;

	font-size: 14px;

}

.gameGift li img {

	width: 40px;

	height: 40px;

	float: left;

	margin-right: 10px;

	border-radius: 10px;

}

.game-xq-libao .power span {

	width: 150px;

}

.gameGift li>a {



	border: 1px solid #31d6a2;

	color: #31d6a2;

	transition: all .3s;

	right: 20px;

	background: #f9f9f9;

}

.gameGift li .lb-nr {

	width: 220px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	color: #999;

}

.gameGift li>span a {

	font-size: 14px;

}

.gameGift li>a:hover {

	background: #31d6a2;

	color: #fff;



}

.gameGift li {

	border: 0px;

	margin: 10px;

	padding: 10px 20px;

	border: 1px solid #f1f1f1;

	background: #f9f9f9;

}

.gameGift li:hover {

	border-color: #f1f1f1;

}

.gameGift li .power {

	margin-top: 10px;

}

.module-cont .flexslider {

	background: none;

	box-shadow: none;

}

.module-cont #flexslider .slides img {

	width: 100%;

	height: auto;

}

.module-cont {

	height: 366px;

}

.module-cont li {

	/*box-sizing:border-box;

	padding: 10px;*/

}

.exquisite_con {
	width: 790px;
	margin: 30px auto 0;
	overflow: hidden;
	position: relative;
}

.exquisite_list {
	float: left;
	margin-left: 0px;
}

.exquisite_list li {
	float: left;
	margin-right: 23px;
	width: 250px;
	overflow: hidden;
	height: 365px;
}

.exquisite_list li a {
	width: 100%;
	float: left;
	position: relative;
	height: 100%;
}

.exquisite_list li a img {
	width: 100%;
	float: left;
	height: 100%;
}

.exquisite_bt {
	width: 30px;
	height: 56px;
	background-image: url(../images/bt_bg.png);
	position: absolute;
	cursor: pointer;
	z-index: 1000
}

.exquisite_prev {
	background-position: 0 0;
	left: 0px;
	top: 62px
}

.exquisite_prev:hover {
	background-position: 0 -58px;
}

.exquisite_next {
	background-position: -32px 0;
	right: 0px;
	top: 62px
}

.exquisite_next:hover {
	background-position: -32px -58px;
}

.horizontal_exquisite_con li,
.horizontal_exquisite_con li a img {
	height: 177px;
}

.vertical_exquisite_con,
.vertical_exquisite_con li,
.vertical_exquisite_con li a img {}

.vertical_exquisite_con .exquisite_prev,
.vertical_exquisite_con .exquisite_next {
	top: 150px
}



.game_con table {



	width: 790px;



	margin-left: 10px;



	font-size: 15px;



	padding-bottom: 10px;

}



.game_con tr {



	height: 50px;



	text-align: center;

}



.game_con tr th,

.game_con tr td {



	border-bottom: 1px dashed #ddd;



	font-weight: normal;

}



.game_con td {



	color: #727272
}







.xw-box {



	width: 790px;



	margin-top: 20px;

}



.xw-box-nav {



	width: 790px;



	border-bottom: 1px solid #ccc;





	text-align: center;



	font-size: 17px;



	color: #000;

	height: 50px;





}



.xw-box-nav li {



	width: 195px;



	float: left;



	height: 50px;



	line-height: 50px;



	cursor: pointer;



	color: #333;

	font-size: 20px;

	position: relative;

}

.xw-box-nav li .title-i i {

	width: 195px;

	display: none;

}

.xw-box-nav li.xw-nav-on {



	/*background: #000;*/

	/*color: #ff6238;*/



	/*border-top: 1px solid #ff6238;*/



	border-bottom: 0px;

}

.qhbox3 .xw-box-nav li {

	width: 50%;

}

.qhbox3 .xw-box-nav li .title-i i {

	width: 100%;

}

.xw-box-nav li.xw-nav-on .title-i i {

	display: block;

}



.nr-box {



	/*padding: 10px 0 50px 0;*/

}

.nr-box .news-lb {

	margin-top: 30px;

}



.nr-box .nr-con li {



	overflow: hidden;



	height: 40px;



	line-height: 40px;



	font-size: 16px;



	padding: 0 20px 0 20px;



	border-bottom: 1px dashed #ddd;

}



.nr-box .nr-con li a {



	float: left;



	color: #727272;

}









.nr-box .iconfont {



	font-size: 15px;

}

.game-xq-kaifu-box {

	overflow: hidden;

	margin-top: 10px;

}

.game-xq-kaifu-box li {

	width: 50%;

	display: inline-block;

	margin-top: 20px;

	overflow: hidden;

	&:nth-child(1),
	&:nth-child(2) {
		.kf-xx {
			border: 1px dashed #00B3FE;
			background-color: #DAEEFF;
			color: #656565;
		}
	}
}

.game-xq-kaifu-box li .kf-xx {

	width: 320px;

	text-align: center;

	padding: 15px;

	border-radius: 100px;

	font-size: 15px;

	color: rgb(255, 102, 0);

	border: 1px dashed #FF6238;

	background-color: #FFE2DA;





}

.game-xq-kaifu-box li:nth-child(odd) .kf-xx {

	float: left;

	margin-left: 20px;

}

.game-xq-kaifu-box li:nth-child(even) .kf-xx {

	float: right;

	margin-right: 20px;

}

.g_list_page {

	width: 600px;

	margin: 20px auto 2px auto;

	padding-bottom: 20px;

	text-align: center
}



.g_list_page span {







	min-width: 30px;



	height: 30px;



	background: #fff;



	text-align: center;



	margin-right: 5px;



	border-radius: 5px;



	border: 1px solid #ddd;



	display: inline-block;











	line-height: 30px;



	color: #666;



	font-size: 12px;



	border-radius: 5px;

}



.g_list_page a {



	min-width: 30px;



	height: 30px;



	background: #fff;



	text-align: center;



	margin-right: 5px;



	border-radius: 5px;



	border: 1px solid #ddd;



	display: inline-block;











	line-height: 30px;



	color: #666;



	font-size: 12px;



	border-radius: 5px;

}



.g_list_page span:hover {



	background: #000;



	color: #fff;

}



.g_list_page a:hover {



	background: #000;



	color: #fff;

}



.g_list_page span.current {



	width: 30px;



	height: 30px;



	background: #000;



	text-align: center;



	margin-right: 5px;



	border-radius: 5px;



	border: 1px solid #ddd;



	display: inline-block;











	line-height: 30px;



	color: #fff;



	font-size: 12px;



	border-radius: 5px;

}





.game-xq-wz-box {

	overflow: hidden;

	margin-top: 10px;

}

.game-xq-wz-box li {

	width: 50%;

	display: inline-block;

	margin-top: 20px;

	overflow: hidden;

}

.game-xq-wz-box li .wz-xx {

	width: 340px;

	text-align: left;

	padding: 15px;

	border-radius: 10px;

	font-size: 15px;

	color: #333;

	border: 0px solid #f1f1f1;

	background: #f8f8f8;





}

.game-xq-wz-box li h3 {

	font-weight: 500;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.game-xq-wz-box li:nth-child(odd) .wz-xx {

	float: left;

	margin-left: 10px;

}

.game-xq-wz-box li:nth-child(even) .wz-xx {

	float: right;

	margin-right: 10px;

}





/*游戏截图*/



.module-cont {

	margin: 20px auto;

	/*width: 860px;*/

}



.game-xq-xx p {

	margin-bottom: 15px;

	font-size: 14px;

}

.game-xq-xx p span {

	color: #ff6238;

}





.game-xq-nr h3 {

	border: 0px;

}



.game-xq-jieshao p {

	font-size: 14px;

	line-height: 30px;

	padding: 0 10px;

}



.gameGift span .re {

	width: 35px;

	background: url(/themes/simplebootx/Public/sub/images/re.png) no-repeat center top;

	background-size: contain;

	display: inline-block;

	height: 15px;





}



/*游戏详情页榜单*/



.gift-rm .show2_con>a>p {

	margin: 0px;

	font-size: 16px;

}

.lb-gamename {

	color: #6c6c6c;

	margin-top: 5px
}

.game-xq-right .libao-btn {



	width: 70px;

	height: 27px;

	background: none;

	right: 50px;

	top: 45%;

	border: 1px solid #32d6a1;

	color: #22c9b5;

}



.game-xq-right .m_r_con li:hover .libao-btn {

	color: #fff;

	background: linear-gradient(to right, #27cab6, #3adb9d);





}



















/*游戏礼包详情*/

.gift-xq-box {

	padding: 0px;

	background: none;

	width: 1200px;

}

.gift {

	height: auto;

	overflow: hidden;

	padding: 20px;

	background: #fff;

	position: relative;

	padding-top: 0px;

}

.gift .g_i_con {

	height: auto;

	padding: 0px;

	overflow: hidden;


}

.yx-js {

	background: #fff;

	padding: 20px;

	margin-bottom: 20px;

	padding-top: 0px;

}

.yx-js p {

	font-size: 14px;

	line-height: 30px;

	padding: 0 10px;

}

.gift-xq-nr {

	padding: 20px;

	background: #fff;

	padding-top: 0px;

}

.detial_con .gift-xq-left {

	width: 830px;

}

.detial_instr {

	padding: 15px;

	background: #fff;

	margin-bottom: 20px;

	border-radius: 10px;

	padding-top: 0px;

}

.gift-xq-nr .game_con {

	margin-top: 0px;

	/*margin-bottom: 20px;*/

}

.detial_instr ul {

	height: auto;

	margin-top: 25px;

	overflow: hidden;

}

.detial_instr ul li {

	text-align: center;

	width: 33.3%;

	float: left;

	margin-bottom: 10px;

}

/*.detial_instr ul li img:hover{

	opacity: 0.8

}*/

.detial_instr ul li img {

	border-radius: 10px;

	box-shadow: 0px 3px 6px #cacaca;

	width: 70px;

	height: 70px;

}

.detial_instr ul li p {

	line-height: 30px;

	height: 30px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	font-size: 14px;

	color: #525252;

}

.detial_instr ul li:hover p {

	color: #ff6238;

}



.gift-xq-nr .game_word {

	color: #767676;

	margin-top: 20px;

	text-indent: initial;

	padding: 0 10px;

	font-size: 16px;

}

.gift-xq-nr p {

	/*padding: 0 10px;

	color: #767676;

	font-size: 14px;*/

}

.gift-xq-img {

	width: 120px;

	height: 120px;

	float: left;

}

.gift-xq-img img {

	width: 100%;

	height: 100%;



}

.gift .power {

	margin-top: 1px;

}

.gift .power p {

	font-size: 16px;

	color: #9e9e9e;

}

.gift .power>i {

	font-size: 24px;

}

.gift .bt {

	width: 100%;

	height: 34px;

	float: left;

	padding: 20px 0px 10px 0;

	border-bottom: 1px dotted #ddd;

}

.gift .info {

	padding: 25px 0;

	overflow: hidden;

}

.gift-yxxx {

	float: left;

	padding-left: 20px;

	width: 410px;

}

.gift-yxxx li {

	width: 100%;

	display: block;

	float: left;

	min-height: 26px;

	line-height: 26px;

	font-size: 15px;

	margin: 7px 0;

}

.gift-yxxx li span {

	width: 50px;

	color: #9e9e9e;

	display: block;

	float: left;

}

.gift-yxxx li .info-zd {

	padding: 0 10px;

	background-color: #fff6e0;

	color: #f60;

	border-radius: 30px;

	display: block;

	width: auto;

}

.gift-yxxx li p {



	width: 157px;

	height: 26px;

	overflow: hidden;

	margin: 0 4px;

	color: #525252;

	display: block;

	font-size: 15px;

	line-height: 26px;

	float: left;

	padding: 0px;

}

.gift-yxxx h3 {

	font-size: 22px;

	font-weight: normal;

	/*color: #5F5F5F;*/

	color: #4c4c4c;

	margin-bottom: 15px;

	margin-top: 10px;

	font-weight: bold;

}

.gift-yxxx p {

	color: #5F5F5F;

	margin-bottom: 5px;

	font-size: 15px;

}

.gift-yxxx p a {

	color: #ff6238;

}

.g_i_con .power {

	padding-left: 20px;

}

.g_i_con .power span {

	width: 440px;

	border-radius: 20px;

}

.g_i_con .power span i {

	border-radius: 20px;

	background: linear-gradient(to right, #2ccab7, #3fdb9d);

	/*background: #31c37c;*/

	/*background: #99d846;*/

	/*background-image: -webkit-linear-gradient(bottom left, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);

    background-image: -o-linear-gradient(bottom left, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);

    background-image: linear-gradient(to top right, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);*/

	/* -webkit-background-size: 40px 40px;

    background-size: 40px 40px;*/

	/*animation: reverse progress-bar-stripes 0.7s linear infinite, animate-positive 0.7s;*/

}

.giftBtn {

	top: 165px;

	right: 40px;

	/*background: #31c37c;

	border-color:#31c37c; */

	background: #31d6a2;

	border-color: #31d6a2;

}

.giftBtn:hover {

	/*color: #31c37c;*/

	color: #31d6a2;

}

.gift-xq-nr .gameGift li {

	width: 333px;

}

.gift-xq-nr .power span {

	width: 200px;

}





/*开服表*/

.kaifu-box {

	margin-top: 20px;

	background: #fff;

	padding-top: 0px;

}

.kaifu-tou {

	overflow: hidden;

	background: #fafafa;

	margin-top: 10px;

}

.kaifu-tou div {

	float: left;

	color: #666;

	font-size: 15px;

	text-align: center;

	line-height: 40px;

	font-weight: 600;



}

.kaifu-tou .head-1,
.kaifu-time {

	width: 15%;



}

.kaifu-lb li .kaifu-time {



	color: #ff3b43;

	font-size: 18px;

}

/*.kaifu-tou .head-img,.kaifu-logo{

	width: 10%;

}*/

.kaifu-tou .head-2,
.kaifu-game {

	width: 25%;



}

.kaifu-lb li .kaifu-game {



	text-align: left;

}

.kaifu-tou .head-3,
.kaifu-qufu {

	width: 20%
}

.kaifu-tou .head-4,
.kaifu-leixin {

	width: 10%
}

.kaifu-tou .head-5,
.kaifu-pintai {

	width: 5%
}

.kaifu-tou .head-6,
.kaifu-down {

	width: 25%
}

/*.kaifu-tou .head-7,.kaifu-libao{

	width: 10%;

}*/

.kaifu-lb {

	min-height: 400px;

	margin-top: 15px;

}

.kaifu-lb li {

	overflow: hidden;

	border-bottom: 1px dashed #ebebeb;

	position: relative;

	right: 0px;

	transition: all .3s;

}

.kaifu-lb li:hover {

	position: relative;

	right: -10px;

}

.kaifu-lb li div {

	float: left;

	font-size: 18px;

	text-align: center;

	color: #454545;

	line-height: 118px;

	height: 120px;

}

.kaifu-game h4 {

	font-weight: 500;

	font-size: 22px;

	display: inline-block;

	vertical-align: middle;

	width: 67%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;



}

.kaifu-game h4:hover {

	color: #ff6238;

}

.kaifu-logo .kaifu-img {

	width: 80px;

	height: 80px;

	display: inline-block;

	margin: 10px auto 0;

	float: none;



}

.kaifu-game img {

	width: 80px;

	height: 80px;

	display: inline-block;

	/*margin: 10px auto 0;*/

	float: none;

	vertical-align: middle;

	margin-right: 10px;

}

.kaifu-logo .kaifu-img img {

	width: 100%;

	height: 100%;

}

.kaifu-time span {

	color: #ff6238;

	margin-left: 10px;

}

/*.kaifu-down a,.kaifu-libao a{

	display: block;

	width: 80px;

	height: 30px;

	background: #f2f2f2;

	margin: 10px auto 0;

	line-height: 30px;

	font-size: 12px;

	border-radius:5px;

	color: #757575; 

	transition: all 0.3s

}*/

.kaifu-down a {

	display: block;

	width: 120px;

	height: 40px;

	color: #ff6141;

	border: 1px solid #ff6141;

	border-radius: 40px;

	line-height: 40px;

	transition: all .3s;

	margin: 40px auto 0;

}

/*.kaifu-down a i,.kaifu-libao a i{

	font-size: 15px;

	margin-right: 5px;

	transition: all 0.3s

}

.kaifu-down a i{

	color: #0cc6c6;

}

.kaifu-libao a i{

	color: #ed5748;

}*/

/*.kaifu-down a:hover{

	background: #0cc6c6;

	color: #fff;

}*/

.kaifu-down a:hover {

	background: linear-gradient(to right, #ff4f50, #ff8036);

	color: #fff;

}

/*.kaifu-down a:hover i{

	color: #fff;

}*/

.kaifu-libao a:hover {

	background: #ed5748;

	color: #fff;

}

.kaifu-libao a:hover i {

	color: #fff;

}

.kaifu-box #pagecount {

	padding: 0px;

	margin-top: 10px;

}





/*登录弹窗*/

.dl-box {

	width: 300px;

	height: 320px;

	background: rgba(255, 255, 255, 0.8);

	position: relative;

	overflow: hidden;

}

.dl-box-yh,
.dl-box-mm,
.dl-box-yzm,
.dl-box-code {

	width: 250px;

	border: 1px solid #C9C9C9;

	height: 40px;

	overflow: hidden;

	margin: 0 auto;

	margin-top: 20px;

	background: #fff;

}

.dl-box-yh input,
.dl-box-mm input,
.dl-box-yzm input,
.dl-box-code input {

	float: left;

	border: 0px;

	padding: 9px;

	line-height: 22px;

}

.dl-box-code input.dl-box-mfyzm {

	float: right;

	padding: 8px;

	line-height: 22px;

	width: 90px;

	font-size: 14px;

	border: 1px solid #C9C9C9;

	cursor: pointer;

}

.dl-box-code input.dl-box-mfyzm:hover {

	background: #ff7800;

	border-color: #ff7800;

	color: #fff;

}

.dl-box-yh .dl-box-tb i {

	display: block;

	width: 39px;

	height: 22px;

	background: url(/themes/simplebootx/Public/sub/img/icoNav.png) no-repeat;

	background-position: 0px -449px;

	margin: 0 auto;

	border-right: 1px solid #C9C9C9;

}

.dl-box-mm .dl-box-tb i {

	display: block;

	width: 39px;

	height: 22px;

	background: url(/themes/simplebootx/Public/sub/img/icoNav.png) no-repeat;

	background-position: 0px -250px;

	margin: 0 auto;

	border-right: 1px solid #C9C9C9;

}

.dl-box-yzm .dl-box-tb i {

	display: block;

	width: 39px;

	height: 22px;

	background: url(/themes/simplebootx/Public/sub/img/icoNav.png) no-repeat;

	background-position: 0px -600px;

	margin: 0 auto;

	border-right: 1px solid #C9C9C9;

}

.dl-box-tb {



	width: 40px;

	padding: 9px 0;

	overflow: hidden;

	float: left;



}

.dl-box .dlfs {

	text-align: center;

	line-height: 56px;

	font-size: 15px;

	color: #313131;

	cursor: pointer;

}

.wjmm {

	padding: 0px 0 10px 0;

	color: #6c6c6c;

	width: 250px;

	margin: 0 auto;

	text-align: right;

}

.wjmm a {

	color: #2980b4;

}

.wjmm a:hover {

	color: #ff6238;

}

.dl-box h4 {

	font-size: 20px;



	font-weight: 600;

	color: #3e3e3e;

	margin-left: 25px;

	padding-top: 30px;

}

.dl-box .zhdl {

	display: block;

	width: 250px;

	height: 40px;

	background: #ff6238;

	margin: 0 auto;

	color: #fff;

	border: 0px;

	border-radius: 3px;

	transition: all 0.3s;

	cursor: pointer;

}

.dl-box .zhdl:hover {

	background: #ff9800;

}

.kjdl {

	border-top: 1px dashed #cccecd;

	margin-top: 30px;

	padding-top: 20px;

}



.kjdl img {

	vertical-align: middle;

	position: relative;

	top: -3px;

	margin-right: 10px;

}

.kjdl span {

	color: #565656;

	margin-left: 25px;

}

.kjdl img {

	width: 20px;

	height: 20px;

}

.zczh {

	float: right;

	margin-right: 25px;

	color: #2980b4;

}

.zczh:hover {

	color: #ff6238;

}

.bq-kuang {

	width: 45px;

	height: 45px;

	background: url(/themes/simplebootx/Public/sub/images/log_ico.png) no-repeat;

	background-position: -89px 0;

	position: absolute;

	top: 10px;

	right: 10px;

}

.bq-ewm {

	width: 45px;

	height: 45px;

	background: url(/themes/simplebootx/Public/sub/images/log_ico.png) no-repeat;

	background-position: -89px -45px;

	position: absolute;

	top: 10px;

	right: 10px;

}

.ewm-k {

	width: 200px;

	height: 200px;

	margin: 0px auto;

	margin-top: 20px;

}

.ewm-k img {

	width: 100%;

	height: 100%;

}

.ewmdl p {

	color: #818181;

	text-align: center;

	margin-top: 20px;

}

.ewmdl p span {

	color: #ff6238;



}

.bq-kuang,
.bq-ewm {

	cursor: pointer;

}

.dl-box .tishi {

	height: 20px;

	line-height: 20px;

	font-size: 12px;



	float: none;

	margin-left: 25px;

}

.dl-box .tishi .ico-jg {

	margin-top: 2px;

}

/*试玩任务*/
.renwuList {
	width: 1200px;
	padding: 0;

	.renwu-top {
		position: relative;
		overflow: hidden;

		.renwu-top-left {
			float: left;
			width: 821px;
			height: 304px;
		}

		.renwu-top-right {
			float: right;
			width: 355px;
			height: 304px;
			background: #FFFFFF;
			border-radius: 10px;
			overflow: hidden;

			.renwu-top-right-title {
				position: relative;
				margin: 9px auto 0;
				width: 249px;
				height: 144px;
				background: url("../images/renwu/sss.png") no-repeat center center;
				overflow: hidden;

				.renwu-top-right-title-img {
					margin: 21px auto 0;
					width: 94px;
					height: 94px;
					border-radius: 50%;
					overflow: hidden;

					img {
						display: block;
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				}

				p {
					margin-top: 12px;
					text-align: center;
					font-size: 12px;
					color: #000000;
				}
			}

			.renwu-top-right-name {
				margin: 0 10px;
				text-align: center;
				height: 40px;
				line-height: 40px;
				font-weight: bold;
				font-size: 16px;
				color: #000000;
				border-bottom: 1px solid #E8E8E8;
			}

			.renwu-top-right-money {
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: center;

				.renwu-top-right-money-li {
					// width: 80px;
					display: inline-block;

					.renwu-top-right-money-lia {
						padding: 14px 10px;
						font-size: 12px;
						color: #8E8E8E;
					}

					.renwu-top-right-money-lib {
						font-weight: bold;
						font-size: 16px;
						color: #FF6900;
						line-height: 22px;
					}

					.renwu-top-right-money-lic {
						font-size: 14px;
						color: #FF6900;
						cursor: pointer;
						line-height: 22px;

					}
				}
			}

			.renwu-top-right-dl {
				margin: 14px auto 0;
				width: 122px;
				height: 34px;
				background: linear-gradient(180deg, #FCBCB4 0%, #FC472E 89%, #962A1B 100%);
				border-radius: 34px;
				text-align: center;
				line-height: 34px;
				font-size: 18px;
				color: #FFFFFF;
				cursor: pointer;
			}

		}
	}

	.renwu-nav {
		position: relative;
		margin-top: 20px;
		overflow: hidden;
		padding: 8px 0 8px 20px;
		background: #FFFFFF;
		border-radius: 2px;

		a {
			float: left;
			margin-right: 20px;
			text-align: center;
			width: 112px;
			height: 40px;
			line-height: 40px;
			font-size: 18px;
			color: #313033;

			&:hover {
				background: #FF6238;
				border-radius: 40px;
				color: #ffffff;
			}

			&.on {
				background: #FF6238;
				border-radius: 40px;
				color: #ffffff;
			}
		}
	}

	.renwu_con {
		position: relative;
		margin-top: 4px;
		margin-bottom: 20px;
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;

		.renwu-li {
			position: relative;
			display: flex;
			align-items: center;
			margin-top: 12px;
			margin-right: 60px;
			padding: 0 20px;
			width: 360px;
			height: 102px;
			background: #FFFFFF;
			border-radius: 10px;
			transition: all 0.2s;
			border-radius: 4px;
			box-sizing: border-box;
			overflow: hidden;

			&:hover {
				top: -2px;
				box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
			}

			&:nth-child(3n) {
				margin-right: 0;
			}

			.renwu-li-left {
				width: 60px;
				height: 60px;
				border-radius: 10px;
				overflow: hidden;

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}

			.renwu-li-center {
				flex: 1;
				margin-left: 12px;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				height: 60px;
				overflow: hidden;

				h3 {
					font-size: 16px;
					color: #313033;
					font-weight: normal;
					line-height: 20px;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
				}

				.rwn {
					margin-left: 12px;
					padding-left: 31px;
					text-align: left;
					height: 21px;
					line-height: 21px;
					background: url("../images/renwu/lz.png") no-repeat 3px center;
					font-size: 12px;
					color: #1E6FE9;
				}

				span {
					display: block;
				}

				.rwb {
					font-size: 12px;
					color: #8E8E8E;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
				}

				.rwc {
					font-size: 12px;
					color: #FF6238;
				}
			}

			.renwu-li-right {
				padding-top: 3px;
				width: 56px;
				text-align: center;

				span {
					display: block;
				}



				.rwd {
					text-align: center;
					line-height: 23px;
					width: 56px;
					height: 23px;
					background: #FF6238;
					border-radius: 20px;
					font-size: 12px;
					color: #FFFFFF;
					box-sizing: border-box;

					&.rwe {
						border: none;
						background: #D9D9D9;
						color: #656565;
					}

					&.rwf {
						border: none;
						background: #00A4F3;
					}

				}

			}
		}
	}
}

/*popup-ty*/
.popup-ty {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 16px 0;
	width: 530px;
	height: 358px;
	background: #FFFFFF;
	border-radius: 10px;

	.popup-close {
		position: absolute;
		top: 37px;
		right: 40px;
		width: 19px;
		cursor: pointer;
	}

	.pty-head {
		line-height: 60px;
		text-align: center;
		font-weight: bold;
		font-size: 22px;
		color: #313033;

		em {
			color: #13B9C7;
		}
	}

	.pty-ewm {
		margin: 16px auto 0;
		width: 128px;
		height: 128px;

		img {
			display: block;
		}
	}

	.pty-p {
		margin-top: 16px;
		line-height: 52px;
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		color: #313033;

		em {
			color: #13B9C7;
		}
	}

	.pty-u {
		position: relative;
		margin: 4px auto 0;
		width: 300px;
		height: 38px;
		line-height: 38px;
		background: #EFEFEF;
		border-radius: 10px;
		overflow: hidden;
		padding: 0 20px;

		span {
			font-size: 14px;
			color: #828282;
		}

		em {
			position: absolute;
			top: 6px;
			right: 10px;
			text-align: center;
			line-height: 26px;
			width: 52px;
			height: 26px;
			background: #4188FF;
			border-radius: 4px;
			font-size: 14px;
			color: #FFFFFF;
			cursor: pointer;

			&:hover {
				background-color: #236fed;
			}
		}
	}
}

.xaz-img {
	position: relative;
	top: 2px;
	margin-right: 4px;
}

.xy-lx {
	.xy-lx-a {
		padding-left: 18px;
		background: url("../images/xicon7.png") no-repeat left center;
		background-size: 14px 14px;
		font-size: 12px;
		color: #E97900;
	}

	.xy-lx-b {
		margin-left: 4px;
		padding-left: 18px;
		background: url("../images/xicon6.png") no-repeat left center;
		background-size: 14px 14px;
		font-size: 12px;
		color: #E53E12;
	}
}

/*xleft*/
.xleft {
	width: 740px !important;



	.m_l_con {
		li {
			margin-right: 32px;
			width: 212px;
			height: 99px;
			background: #FFFFFF;
			box-sizing: border-box;
			padding: 8px;

			&:nth-child(3n) {
				margin-right: 0;
			}

			&:hover {
				box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
				border-radius: 4px;
			}

			.m_l_c_detial {
				width: 116px;
				height: 80px;
				padding: 0;
				box-sizing: border-box;

				&.m-on {
					padding-left: 12px;
					padding-top: 4px;

					h4 {
						margin-bottom: 8px;
						font-size: 16px;
						color: #313033;
					}

					.ph-bb {
						margin-bottom: 4px;
						font-size: 14px;
						color: #313033;
						white-space: nowrap;
					}

					.yx-lx {
						font-size: 14px;
						color: #313033;
					}


				}

				&.m-hover {
					padding: 8px 0 8px;
					box-sizing: border-box;

					.xyx-box {
						margin-left: 4px;
						width: 112px;
						height: 34px;
						box-sizing: border-box;
						padding-left: 40px;
						background: url("../images/xicon2.png") no-repeat 10px center;

						&.xyxjs {
							padding-left: 30px;
						}

						.xyx-boxs-s {
							width: 70px;
							padding-top: 16px;
							background: url("../images/xicon1.png") no-repeat center 2px;
							text-align: center;
							font-size: 12px;
							color: #FE724D;
						}

						.xyx-boxs-p {
							font-weight: bold;
							font-size: 12px;
							line-height: 34px;
							color: #FF6238;
						}
					}

					.yxzt {
						bottom: 8px;
						margin-left: 4px;
						width: 112px;
						height: 26px;
						background: #00A4F3;
						border-radius: 4px;
						line-height: 26px;
						font-size: 14px;
						color: #FFFFFF;
					}

				}
			}

			a {
				img {
					width: 80px;
					height: 80px;
				}
			}
		}

	}

	.wz-zx {
		margin-left: 12px;
		width: 390px;
	}
}

.xright {
	width: 440px !important;

	.kaifu-ph {

		li {
			&.kaifu-head {
				&>div {
					margin-right: 10px;
					width: 92px;
					height: 28px;
					line-height: 28px;
					background: #F8F8F8;
					border-radius: 4px;
				}
			}

			div {
				height: 35px;
				line-height: 35px;
			}

			.kf-time,
			.kf-name,
			.kf-qf,
			.kf-yy {
				width: 92px;
				margin-right: 10px;
			}

			.kf-yy {
				overflow: hidden;

				span {
					display: block;
					margin: 9px auto 0;
					text-align: center;
					line-height: 22px;
					width: 48px;
					height: 22px;
					background: #FF6238;
					border-radius: 2px;
					font-size: 14px;
					color: #FFFFFF;
				}

			}
		}
	}

	.lb-ph {
		li {
			&:last-child {
				border-bottom: none;
			}
		}
	}
}

/*tj-xbox*/
.tj-xbox {
	height: 190px;
	padding: 0;

	#flexslider1 {
		.flex-direction-nav {
			bottom: -40px;
			top: auto;
			height: 32px;

			.flex-prev {
				width: 26px;
				height: 26px;
				top: 6px;
				left: 490px;
				z-index: 111;
				box-shadow: none;
				border-radius: 50%;

				background: url("../images/xprve0.png") no-repeat center;

				&:hover {
					background: url("../images/xprve1.png") no-repeat center;
				}
			}

			.flex-next {
				width: 26px;
				height: 26px;
				top: 6px;
				right: 480px;
				z-index: 111;
				box-shadow: none;
				border-radius: 50%;
				background: url("../images/xnext0.png") no-repeat center;

				&:hover {
					background: url("../images/xnext1.png") no-repeat center;
				}

			}
		}

		.slides li {
			margin-right: 16px;
			height: 145px;
		}

		ol {
			display: block;
			bottom: -40px;

			li {

				a {
					width: 10px;
					height: 6px;
					background: #E6E6E6;
					border-radius: 10px;

					&.flex-active {
						width: 16px;
						background-color: #FF6238;
					}
				}
			}
		}
	}

}

/*lzrw*/
.lzrw {
	background: #FFFFFF;
	margin-top: 20px;
	padding-top: 0px;
	padding-bottom: 0;

	.renwu_con {
		position: relative;
		margin-left: -15px;
		margin-right: -15px;
		margin-top: 4px;
		margin-bottom: 10px;
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;


		.renwu-li {
			position: relative;
			display: flex;
			align-items: center;
			margin-right: 60px;
			padding: 0 20px;
			width: 360px;
			height: 80px;
			background: #FFFFFF;
			border-radius: 10px;
			transition: all 0.2s;
			border-radius: 4px;
			box-sizing: border-box;
			overflow: hidden;

			// &:hover {
			// 	top: -2px;
			// 	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
			// }

			&:nth-child(3n) {
				margin-right: 0;
			}

			.renwu-li-left {
				width: 60px;
				height: 60px;
				border-radius: 10px;
				overflow: hidden;

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}

			.renwu-li-center {
				flex: 1;
				margin-left: 12px;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				height: 60px;
				overflow: hidden;

				h3 {
					font-size: 16px;
					color: #313033;
					font-weight: normal;
					line-height: 20px;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
				}

				.rwn {
					margin-left: 12px;
					padding-left: 31px;
					text-align: left;
					height: 21px;
					line-height: 21px;
					background: url("../images/renwu/lz.png") no-repeat 3px center;
					font-size: 12px;
					color: #1E6FE9;
				}

				span {
					display: block;
				}

				.rwb {
					font-size: 12px;
					color: #8E8E8E;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
				}

				.rwc {
					font-size: 12px;
					color: #FF6238;
				}
			}

			.renwu-li-right {
				padding-top: 3px;
				width: 56px;
				text-align: center;

				span {
					display: block;
				}



				.rwd {
					text-align: center;
					line-height: 23px;
					width: 56px;
					height: 23px;
					background: #FF6238;
					border-radius: 20px;
					font-size: 12px;
					color: #FFFFFF;
					box-sizing: border-box;

					&.rwe {
						border: none;
						background: #D9D9D9;
						color: #656565;
					}

					&.rwf {
						border: none;
						background: #00A4F3;
					}

				}

			}
		}
	}
}

/*xremen*/
.xremen,
.zuixin,
.zong {
	.num1 {
		background: url("../images/xph1.png") no-repeat center !important;
	}

	.num2 {
		background: url("../images/xph2.png") no-repeat center !important;
	}

	.num3 {
		background: url("../images/xph3.png") no-repeat center !important;
	}
}

/*xrxf*/
.xrxf {
	position: fixed;
	top: 50%;
	right: 40px;
	width: 50px;
	padding-bottom: 14px;
	background: #FFFFFF;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	border-radius: 4px 4px 4px 4px;
	z-index: 10;

	li {
		position: relative;
		text-align: center;
		cursor: pointer;

		img {
			display: block;
			margin: 14px auto 0;
		}

		.xrxf-name {
			margin: 4px auto 0;
			width: 30px;
			font-size: 12px;
			color: #313033;
		}

		&.xrxf-epx {
			&:hover {
				.xrxf-ewm {
					display: block;
				}
			}
		}

		.xrxf-ewm {
			display: none;
			position: absolute;
			right: 54px;
			top: -90px;
			z-index: 2;
			width: 199px;
			height: 248px;
			background: url("../images/xrxfb1.png") no-repeat center;
			background-color: linear-gradient(135deg, #39ACFC 0%, #1649EF 100%);
			box-shadow: 0px 0px 8px 0px rgba(15, 163, 255, 0.5);
			border-radius: 4px 4px 4px 4px;
		}
	}
}

/*充值*/
.clearfix:after {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	visibility: hidden
}

/*优惠券列表*/
.xrec-flb-coupon-ul {
	display: none;
	position: absolute;
	left: 20px;
	top: 40px;
	right: 20px;
	padding: 12px 18px;
	z-index: 3;
	background-color: #ffffff;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
	max-height: 300px;
	overflow-y: auto;

	&.xqec-flb-coupon-ul {
		top: 32px;
		left: 0;
		right: 0;
		padding: 12px 12px;

		ul {
			margin-top: 0;
			overflow: visible;

			.xrec-coupon-ua {
				width: 80px;
			}

			li {
				width: 214px !important;

			}
		}
	}

	li {

		display: flex;
		align-items: center;
		margin-top: 12px;
		width: 264px;
		height: 88px;
		background: #FFFFFF;
		border-radius: 10px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		line-height: 1.6;

		&.on {
			cursor: pointer;

			&:hover {
				background: #D4F7FF;
			}
		}

		&.no {
			background: #c8c9cc;
			opacity: .3;
		}

		&.active {
			background: #D4F7FF;
		}

		.xrec-coupon-ua {
			text-align: center;
			width: 100px;

			.xrec-cua-a {
				font-size: 24px;
				color: #FF6238;
			}

			.xrec-cua-b {
				font-size: 12px;
				color: #515151;
			}
		}

		.xrec-coupon-ub {
			flex: 1;

			.xrec-coupon-tp {
				font-size: 16px;
				color: #313033;
			}

			.xrec-coupon-title {
				font-size: 14px;
				color: #313033;
			}

			.xrec-coupon-bottom {
				font-size: 12px;
				color: #828282;
			}
		}
	}
}

.xrecharge {
	position: relative;
	width: 1200px;
	margin: 20px auto 20px;

	.xrecharge-left {
		width: 400px;
		float: left;

		.xre-ltp {
			position: relative;
			padding-left: 160px;
			width: 400px;
			height: 88px;
			background: #F5F5F5;
			border-bottom: 1px solid #BBBBBB;
			box-sizing: border-box;
			line-height: 88px;
			font-size: 18px;
			color: #313033;

			&::after {
				position: absolute;
				left: 100px;
				top: 21px;
				content: "";
				width: 46px;
				height: 46px;
			}

			&.xre-ltp-flb {
				&::after {
					background: url("../images/xrec1.png") no-repeat center;
				}
			}

			&.xre-ltp-qb {
				&::after {
					background: url("../images/xrec2.png") no-repeat center;
				}
			}

			&.active {
				background: #FFFFFF;
				color: #4A92FF;

			}
		}

		.charge-left-bottom {
			display: flex;
			flex-direction: column;
			align-items: center;
			height: 274px;
			box-sizing: border-box;
			padding-top: 20px;
			margin-left: 100px;

			dl {
				padding: 0;
				width: 100%;
				text-align: left;
			}

			dt {
				margin-bottom: 30px;
				font-size: 20px;
				color: #161616;
			}

			dd {
				margin: 5px 0;
				margin-bottom: 30px;
			}

			dd a {
				text-decoration: none;
				font-size: 18px;
				color: #585858;
			}
		}

		.xrecharge-ljl {
			text-align: center;

			a {
				display: inline-block;
				width: 104px;
				height: 34px;
				line-height: 34px;
				font-size: 14px;
				color: #313033;
				border-left: 1px solid #BBBBBB;

				&:first-child {
					border: none
				}
			}
		}

	}

	.xrecharge-right {
		position: relative;
		float: right;
		width: 800px;
		padding-bottom: 20px;
		background-color: #ffffff;

		/*福利币*/
		.xrec-flb {
			padding-top: 16px;

			.xrec-flb-dl {
				position: relative;
				line-height: 40px;

				.xrec-flb-dt {
					float: left;
					width: 180px;
					height: 40px;
					text-align: right;
					font-size: 18px;
					color: #313033;
					overflow: hidden;
				}

				.xrec-flb-dd {
					position: relative;
					width: 420px;
					padding-left: 20px;
					float: left;

					.xrec-qb-dd-input {
						padding: 0 16px;
						width: 342px;
						height: 40px;
						border: 1px solid #BBBBBB;
						font-size: 14px;
						box-sizing: border-box;
						background-color: #FAFAFA;
					}

					.xrec-flb-ipt {
						position: relative;
						width: 342px;
						height: 40px;
						border: 1px solid #BBBBBB;
						background-color: #FAFAFA;
						box-sizing: border-box;

						input {
							padding: 0 16px;
							width: 100%;
							height: 38px;
							line-height: 38px;
							display: block;
							border: none;
							background: none;
							box-sizing: border-box;
						}

						.xrec-flb-ipt-btn {
							position: absolute;
							top: 0;
							right: 0;
							width: 40px;
							height: 40px;
							background: url("../images/xseach.png") no-repeat center;
							background-size: 20px auto;
							cursor: pointer;
							z-index: 2;
						}

						.xrec-flb-ipt-gb {
							display: none;
							position: absolute;
							top: 0;
							right: 0;
							width: 40px;
							height: 40px;
							cursor: pointer;
							background: url(../images/cancel_black.png) no-repeat center;
							background-size: 16px 16px;
							z-index: 3;
						}

						.xrec-flb-ipt-ul {
							display: none;
							position: absolute;
							left: 20px;
							top: 40px;
							right: 20px;
							padding: 12px 18px;
							z-index: 3;
							background-color: #ffffff;
							box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
							max-height: 300px;
							overflow-y: auto;

							li {
								display: flex;
								align-items: center;
								padding: 4px 12px;
								box-sizing: border-box;
								height: 68px;
								background: #FFFFFF;
								border-bottom: 1px solid #BBBBBB;
								cursor: pointer;

								.xrec-flb-ipt-ul-img {
									width: 60px;
									height: 60px;
									border-radius: 10px;
									overflow: hidden;

									img {
										width: 100%;
										height: 100%;
									}
								}

								h3 {
									padding-left: 16px;
									font-size: 14px;
									color: #313033;
								}
							}
						}


					}

					&.xrec-flb-ipa {
						span {
							display: inline-block;
							margin-right: 10px;
							text-align: center;
							line-height: 24px;
							width: 85px;
							height: 22px;
							background: #FFFFFF;
							box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
							border-radius: 4px 4px 4px 4px;

							&.on {
								color: #4A92FF;
							}
						}
					}

					&.xrec-flb-ipx {
						padding-bottom: 20px;
						overflow: hidden;

						ul {
							margin-top: -10px;
						}

						li {
							position: relative;
							display: inline-block;
							margin-top: 22px;
							margin-right: 16px;
							text-align: center;
							width: 104px;
							height: 84px;
							background: #FFFFFF;
							box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
							border-radius: 4px;
							cursor: pointer;

							.xrec-flb-zk {
								position: absolute;
								left: 0;
								top: -10px;
								width: 64px;
								height: 19px;
								line-height: 19px;
								background: linear-gradient(90deg, #375CE5 0%, #9747FF 100%);
								border-radius: 4px 4px 4px 0px;
								font-size: 12px;
								color: #FFFFFF;
							}

							&.active {
								background: #D4F7FF;
								box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
								border-radius: 4px;
							}

							.xrec-flb-ipx-a {
								display: inline-block;
								padding-left: 24px;
								font-weight: bold;
								line-height: 20px;
								font-size: 16px;
								color: #313033;
								background: url("../images/xrec1.png") no-repeat left center;
								background-size: 20px 20px;
							}

							.xrec-flb-ipx-b {
								font-size: 12px;
								color: #828282;
								line-height: 1;
								text-decoration: line-through;
							}

							.xrec-flb-ipx-c {
								margin-top: 6px;
								line-height: 1;
								font-size: 14px;
								color: #313033;
							}
						}

						.xrec-flb-num {
							margin-top: 12px;
							width: 260px;
							height: 50px;
							background-color: #FAFAFA;
							border: 1px solid #BBBBBB;
							overflow: hidden;


							input {
								display: block;
								padding: 0 16px;
								width: 100%;
								height: 50px;
								border: none;
								font-size: 14px;
							}
						}
					}
				}
			}

			.xrec-flb-zf {
				margin-top: 20px;
				text-align: center;
				font-size: 18px;
				color: #313033;

				em {
					padding: 0 10px;
					font-weight: bold;
					color: #F60909;
				}
			}


		}

		/*xrec-qb*/
		.xrec-qb {
			display: none;

			padding-top: 12px;

			.xrec-qb-dl {
				line-height: 40px;
				display: flex;

				&.xrec-qb-dq {
					margin-top: 16px;

					.xrec-qb-dt {
						line-height: 26px;
					}
				}

				.xrec-qb-dt {
					padding-right: 16px;
					width: 200px;
					text-align: right;
					font-size: 18px;
					color: #313033;
				}

				.xrec-qb-dd {
					flex: 1;

					.xrec-qb-dd-input {
						padding: 0 16px;
						width: 342px;
						height: 40px;
						border: 1px solid #BBBBBB;
						font-size: 14px;
					}

					.xrec-qb-dd-ul {
						display: flex;
						flex-wrap: wrap;

						li {
							position: relative;
							margin: 0 16px 16px 0;
							width: 120px;
							height: 50px;
							border: 1px solid #BBBBBB;
							text-align: center;
							line-height: 50px;
							font-size: 14px;
							color: #313033;
							cursor: pointer;

							&.active {
								color: #4A92FF;
								border: 1px solid #4A92FF;
							}
						}

					}

					.xrec-qb-dd-ul-input {
						padding: 0 16px;
						width: 260px;
						height: 50px;
						border: 1px solid #BBBBBB;
						font-size: 14px;
					}
				}

			}

			.xrec-qb-zf {
				padding: 20px 0 0 16px;
				font-size: 18px;
				color: #313033;

				em {
					color: #FF6238;
				}
			}

			.xrec-qb-sm {
				padding: 30px 0 0 16px;
				font-size: 14px;
				color: #8E8E8E;
			}
		}

		/**/
		.xrec-flb-ps {
			margin-top: 30px;
			text-align: center;

			.xrec-flb-ps-li {
				display: inline-block;
				margin-right: 40px;
				width: 212px;
				height: 72px;
				padding-left: 82px;
				box-sizing: border-box;
				background: #FFFFFF;
				box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
				border-radius: 4px;
				line-height: 72px;
				font-size: 20px;
				color: #313033;
				text-align: left;
				cursor: pointer;

				&:last-child {
					margin-right: 0;
				}

				&.xrec-flb-zfb {
					background: url("../images/xrecx1.png") no-repeat 30px center;
				}

				&.xrec-flb-wx {
					background: url("../images/xrecx2.png") no-repeat 30px center;
				}

				&.xrec-flb-qb {
					background: url("../images/xrecx3.png") no-repeat 30px center;
				}
			}
		}


	}
}

/*xrec-dpop*/
.xrec-dpop {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 3;

	&.xrec-dpop2 {
		.xrec-dpop-box {
			width: 300px;
			height: 224px;
			margin-top: -112px;
			margin-left: -150px;

			.xrec-dpop-t {
				height: 44px;
				line-height: 44px;

				.xrec-dpop-close {
					top: 12px;

				}
			}

			.xrec-dpop-s {
				margin-top: 20px;
			}

			.xrec-dpop-p {
				margin-top: 16px;
			}
		}
	}

	.xrec-dpop-box {
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -124px 0 0 -200px;
		width: 400px;
		height: 248px;
		background: #FFFFFF;

		.xrec-dpop-t {
			height: 52px;
			background: #E9E9E9;
			line-height: 52px;

			h3 {
				padding-left: 24px;
				font-size: 16px;
				color: #313033;
			}

			.xrec-dpop-close {
				position: absolute;
				top: 16px;
				right: 20px;
				width: 20px;
				height: 20px;
				cursor: pointer;
				display: none;

			}
		}

		.xrec-dpop-s {
			margin-top: 24px;
			text-align: center;

			p {
				padding-left: 40px;
				background: url("../images/xicon12.png") no-repeat left center;
				height: 28px;
				line-height: 28px;
				display: inline-block;
				font-size: 18px;
				color: #FF6238;
			}
		}

		.xrec-dpop-p {
			margin-top: 28px;
			text-align: center;
			font-size: 14px;
			color: #828282;
		}

		.xrec-dpop-z {
			margin: 28px auto 0;
			text-align: center;
			width: 120px;
			height: 34px;
			line-height: 34px;
			background: #FF6238;
			border-radius: 4px;
			font-size: 14px;
			color: #FFFFFF;
			cursor: pointer;

			&:hover {
				background: #f00;
			}
		}
	}

}

/*popup-jszk*/
.popup-jszk {
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -170px 0 0 -230px;
	width: 460px;
	height: 338px;
	background: #FFFFFF;
	border-radius: 10px;
	z-index: 555;

	.popup-jszk-close {
		position: absolute;
		top: 20px;
		right: 38px;
		width: 19px;
		height: 19px;
		cursor: pointer;
	}

	.jszk-head {
		padding-top: 20px;
		height: 38px;
		font-weight: bold;
		font-size: 30px;
		color: #FF6238;
		text-align: center;
	}

	.jszk-img {

		img {
			margin: 20px auto 0;
			display: block;
			width: 162px;
		}
	}

	.jszk-p {
		margin-top: 20px;
		text-align: center;
		font-size: 16px;
		color: #FF6238;
	}

	.jszk-u {
		margin: 20px auto 0;
		width: 200px;
		height: 49px;
		background: #3386EE;
		border-radius: 4px;
		text-align: center;
		line-height: 49px;
		font-weight: bold;
		font-size: 20px;
		color: #FFFFFF;
		cursor: pointer;

		&:hover {
			background: #2E5EB5;
		}
	}
}

/*my-main*/
.my-main {
	position: relative;
	width: 1200px;
	margin: 20px auto;
	overflow: hidden;

	.my-main-left {
		float: left;
		width: 138px;

		li {
			position: relative;
			margin-bottom: 20px;

			a {
				display: block;
				width: 138px;
				height: 48px;
				text-align: center;
				line-height: 48px;
				background: #F5F5F5;
				border-radius: 4px;
				font-size: 18px;
				color: #313033;

				&:hover,
				&.active {
					font-weight: bold;
					background: #FF6238;
					color: #ffffff;
				}
			}

		}
	}

	.my-main-right {
		float: right;
		width: 1042px;

		.my-rtop {
			display: flex;
			padding: 16px;
			height: 148px;
			box-sizing: border-box;
			background: #FFFFFF;

			.my-rtop-img {
				width: 116px;
				height: 116px;
				background: #D5E4EE;
				border-radius: 50%;
				overflow: hidden;

				img {
					width: 100%;
					height: 100%;
				}
			}

			.my-rtop-info {
				flex: 1;
				margin-left: 5px;

				.my-rtop-infa {
					display: flex;
					align-items: center;

					.my-rtop-infa-s {
						font-size: 20px;
						color: #000000;
					}

					.my-rtop-infa-b {
						margin-left: 8px;
						padding-right: 10px;
						padding-left: 33px;
						box-sizing: border-box;
						height: 25px;
						line-height: 23px;
						border-radius: 3px;
						border: 1px solid #BBBBBB;
						font-size: 12px;
						color: #BBBBBB;
						background: url("../images/my/mdc.png") no-repeat 9px center;
					}
				}

				.my-rtop-infb {}

				.my-rtop-infc {
					.my-rtop-infc-a {
						font-size: 20px;
						color: #313033;
					}

					.my-rtop-infc-b {
						width: 28px;
					}

					.my-rtop-infc-c {
						margin-left: 4px;
						font-weight: bold;
						font-size: 20px;
						color: #013033;
					}

					.my-rtop-infc-d {
						margin-left: 16px;

						img {
							display: block;
						}
					}
				}

				.my-rtop-infd {
					position: relative;
					margin-top: 8px;
					width: 380px;
					height: 6px;
					background: #EFEFEF;
					border-radius: 10px;
					overflow: hidden;

					div {
						height: 6px;
						background: #13B9C7;
						border-radius: 10px;
					}
				}

				.my-rtop-infe {
					margin-top: 4px;
					width: 380px;
					text-align: center;
					font-size: 12px;
					color: #828282;
				}
			}

			.my-rtop-li {
				padding: 0 14px;

				img {
					display: block;
					margin: 0 auto;
				}

				p {
					margin-top: 11px;
					line-height: 25px;
					font-size: 20px;
					color: #000000;
				}
			}
		}

		.my-rnav {
			position: relative;
			margin-top: 20px;
			height: 48px;
			background: #FFFFFF;
			box-sizing: border-box;
			z-index: 2;
			border-bottom: 1px solid #BBBBBB;

			a {
				display: inline-block;
				box-sizing: border-box;
				margin: 0 18px;
				line-height: 48px;
				font-weight: 400;
				font-size: 18px;
				height: 48px;
				color: #313033;
				box-sizing: border-box;
				border-bottom: 1px solid #BBBBBB;


				&.active {
					border-bottom: 1px solid #FA2E2E;
				}
			}
		}

		.my-rcon {
			.my-rcon-list {
				overflow: hidden;

				li {
					float: left;
					position: relative;
					display: flex;
					align-items: center;
					box-sizing: border-box;
					margin: 16px 14px 0 0;
					padding: 0 12px;
					width: 338px;
					height: 136px;
					background: #FFFFFF;

					&:nth-child(3n) {
						margin-right: 0;
					}

					.my-rcon-img {
						width: 120px;
						height: 120px;
						border-radius: 20px;
						overflow: hidden;

						img {
							width: 100%;
							height: 100%;
							object-fit: cover;
						}
					}

					.my-rcon-info {
						margin-left: 12px;

						h3 {
							font-weight: bold;
							font-size: 18px;
							color: #000000;
							text-overflow: ellipsis;
							white-space: nowrap;
							overflow: hidden;
						}

						p {
							font-size: 14px;
							color: #000000;
							text-overflow: ellipsis;
							white-space: nowrap;
							overflow: hidden;
						}

						.my-rcon-ip {
							display: inline-block;
							padding: 0 10px;
							height: 26px;
							line-height: 26px;
							background: #FF6238;
							border-radius: 4px;
							font-size: 14px;
							color: #FFFFFF;
						}
					}
				}

			}
		}

		/*my-lq*/
		.my-lq {
			position: relative;
			background-color: #fff;
			overflow: hidden;

			li {
				float: left;
				margin: 16px 0 16px 16px;
				display: flex;
				width: 460px;
				height: 125px;
				background: url("../images/my/lq0.png") no-repeat;

				&.on {
					background: url("../images/my/lq1.png") no-repeat;

					.my-lq-c {
						color: #FF7C52;
					}
				}

				.my-lq-a {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					width: 120px;

					h3 {
						font-weight: bold;
						font-size: 30px;
						color: #FFFFFF;
					}

					p {
						margin-top: 12px;
						font-size: 12px;
						color: #FFFFFF;
					}
				}

				.my-lq-b {
					padding-left: 18px;
					flex: 1;
					display: flex;
					flex-direction: column;
					justify-content: center;

					h3 {
						margin-bottom: 8px;
						font-size: 16px;
						color: #313033;
					}

					p {
						font-size: 12px;
						color: #828282;
						line-height: 20px;
					}
				}

				.my-lq-c {
					display: flex;
					align-items: center;
					margin-top: 5px;
					margin-right: 5px;
					height: 115px;
					box-sizing: border-box;
					padding: 0 10px;
					width: 38px;
					text-align: center;
					font-size: 14px;
					color: #959595;
					border-left: 1px solid #BBBBBB;
				}
			}
		}

		/*my-zd*/
		.my-zd {
			position: relative;
			background-color: #ffffff;
			overflow: hidden;

			ul {}

			li {
				display: flex;
				margin-bottom: 8px;
				text-align: center;
				line-height: 40px;
				height: 40px;

				.my-zd-img {
					margin-left: 50px;
					width: 32px;
					height: 32px;
					border-radius: 4px;

					img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				}

				&>div {
					&:last-child {
						flex: 1;
					}
				}

				.my-zd-wx {
					text-align: right;
					padding-right: 24px;
					display: inline-block;
					line-height: 20px;
					background: url("../images/my/xwx.png") no-repeat right center;
				}

				.my-zd-zfb {
					text-align: right;
					padding-right: 24px;
					display: inline-block;
					line-height: 20px;
					background: url("../images/my/xzfb.png") no-repeat right center;
				}

				.my-zd-qb {
					text-align: right;
					padding-right: 24px;
					display: inline-block;
					line-height: 20px;
					background: url("../images/my/xqb.png") no-repeat right center;
				}

				.my-zd-name {
					margin-left: 4px;
					text-align: left;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
				}

				&:first-child {
					background: #63A8FF;
					line-height: 44px;
					height: 44px;
					font-size: 16px;
					color: #FFFFFF;
					margin-bottom: 10px;

					div {
						height: 44px;
						line-height: 44px;

					}
				}

				.cff6 {
					color: #FF6238;
				}

				.c13b {
					color: #13B9C7;
				}
			}

			.my-zps {
				padding-left: 20px;
				font-size: 14px;
				color: #313033;
			}
		}

		/*my-tj*/
		.my-tj {
			position: relative;
			left: auto;
			top: auto;
			margin: 50px auto 0;
			transform: translate(0, 0);
		}

		/*my-yq*/
		.my-yq {
			position: relative;
			margin-top: 20px;
			padding: 16px 20px;
			background: #FFFFFF;

			.my-yq-tit {
				span {
					font-weight: bold;
					font-size: 18px;
					color: #FF6238;
				}

				em {
					margin-left: 20px;
					font-size: 14px;
					color: #313033;
				}
			}

			.my-yq-gz {
				margin-top: 16px;
				font-weight: bold;
				font-size: 18px;
				color: #000000;
			}

			.my-yq-p {
				margin-top: 8px;
				font-size: 14px;
				color: #000000;
			}

			.pty-u {
				position: relative;
				margin-top: 20px;
				width: 468px;
				height: 38px;
				line-height: 38px;
				background: #EFEFEF;
				border-radius: 10px;
				overflow: hidden;
				padding: 0 20px;

				span {
					font-size: 14px;
					color: #828282;
				}

				em {
					position: absolute;
					top: 6px;
					right: 10px;
					text-align: center;
					line-height: 26px;
					width: 52px;
					height: 26px;
					background: #4188FF;
					border-radius: 4px;
					font-size: 14px;
					color: #FFFFFF;
					cursor: pointer;

					&:hover {
						background-color: #236fed;
					}
				}
			}

			.my-yq-x {
				margin-top: 16px;
				width: 468px;
				text-align: center;
				font-size: 14px;
				color: #000000;

				em {
					color: #FF6238;
				}
			}
		}

		/*my-dh*/
		.my-dh {
			position: relative;
			padding: 16px 20px;
			margin-top: 20px;
			height: 365px;
			background: linear-gradient(180deg, #D9FCFA 0%, #FFFFFF 37%);
			box-sizing: border-box;
			color: #04BDCE;

			h3 {
				font-weight: bold;
				font-size: 18px;
			}

			.my-dh-pa {
				margin-top: 24px;
				font-size: 14px;
			}

			.my-dh-pb {
				margin-top: 12px;
				font-size: 16px;
			}

			.my-dh-pc {
				margin-top: 12px;
				font-size: 14px;
				color: #04BDCE;
			}

			.my-dh-pd {
				margin-top: 24px;
				margin-left: 20px;
				width: 228px;

				input {
					display: block;
					width: 100%;
					text-align: center;
					height: 36px;
					background: #EDECEB;
					border-radius: 30px;
					border: none;
					font-size: 16px;
				}
			}

			.my-dh-pe {
				margin: 40px auto 0;
				width: 168px;
				height: 36px;
				background: #04BDCE;
				border-radius: 30px;
				text-align: center;
				line-height: 36px;
				font-size: 16px;
				color: #FFFFFF;
				cursor: pointer;

				&:hover {
					background-color: #089fad;
				}
			}

		}

		/*my-xx*/
		.my-xx {
			li {
				margin-bottom: 8px;
				padding: 0 30px;
				background-color: #ffffff;

				h3 {
					padding: 12px 0;
					border-bottom: 1px solid #BBBBBB;
					font-weight: bold;
					font-size: 18px;
					color: #313033;
				}

				p {
					padding-top: 12px;
					text-indent: 2em;
					min-height: 83px;
					box-sizing: border-box;
					font-size: 14px;
					color: #656565;
					line-height: 1.2;
				}
			}
		}

		/*my-fcm*/
		.my-fcm {
			position: relative;
			padding: 16px 40px;
			background-color: #ffffff;
			overflow: hidden;

			h3 {
				font-weight: bold;
				font-size: 18px;
				color: #000000;
			}

			dl {
				display: flex;
				align-items: center;
				line-height: 40px;
				margin-top: 16px;

				dt {
					width: 84px;
					font-size: 16px;
					color: #313033;
				}

				dd {

					input {
						display: block;
						padding: 0 16px;
						width: 342px;
						height: 40px;
						border: 1px solid #515151;
					}
				}
			}

			.fcm-en {
				width: 100px;
				background: #fff;
				height: 30px;
				border: 1px solid #ff7800;
				border-radius: 5px;
				color: #ff7800;
				margin: 20px 0px 20px 86px;
				cursor: pointer;

				&:hover {
					background-color: #ff7800;
					color: #ffffff;
				}
			}
		}
	}
}

/*charge-box*/
.xcharge-warp {
	position: relative;
	width: 1200px;
	margin: 20px auto 0;

	.xcharge-left {
		float: left;
		width: 400px;

		.tab-container {
			.tab {
				position: relative;
				padding-left: 160px;
				width: 400px;
				height: 88px;
				background: #F5F5F5;
				border-bottom: 1px solid #BBBBBB;
				box-sizing: border-box;
				line-height: 88px;
				font-size: 18px;
				color: #313033;

				&::after {
					position: absolute;
					left: 100px;
					top: 21px;
					content: "";
					width: 46px;
					height: 46px;
				}

				&.xre-ltp-flb {
					&::after {
						background: url("../images/xrec1.png") no-repeat center;
					}
				}

				&.xre-ltp-qb {
					&::after {
						background: url("../images/xrec2.png") no-repeat center;
					}
				}

				&.active {
					background: #FFFFFF;
					color: #4A92FF;

				}
			}
		}

		.xcharge-left-bottom {
			display: flex;
			flex-direction: column;
			align-items: center;
			height: 274px;
			box-sizing: border-box;
			padding-top: 20px;
			margin-left: 100px;

			dl {
				padding: 0;
				width: 100%;
				text-align: left;
			}

			dt {
				margin-bottom: 30px;
				font-size: 20px;
				color: #161616;
			}

			dd {
				margin: 5px 0;
				margin-bottom: 30px;
			}

			dd a {
				text-decoration: none;
				font-size: 18px;
				color: #585858;
			}
		}

		.xrecharge-ljl {
			text-align: center;

			a {
				display: inline-block;
				width: 104px;
				height: 34px;
				line-height: 34px;
				font-size: 14px;
				color: #313033;
				border-left: 1px solid #BBBBBB;

				&:first-child {
					border: none
				}
			}
		}
	}

	/*xcharge-right*/
	.xcharge-right {
		float: right;
		width: 800px;
		padding-left: 20px;
		box-sizing: border-box;
		padding-bottom: 20px;
		background-color: #ffffff;

		.tab-content {

			.xcharge-content-item {
				margin-top: 16px;
				line-height: 40px;
				display: flex;
				font-size: 18px;

				.labelName {
					padding-right: 16px;
					width: 200px;
					text-align: right;
					font-size: 18px;
					color: #313033;
				}

				input {
					padding: 0 16px;
					width: 342px;
					height: 40px;
					border: 1px solid #BBBBBB;
					font-size: 14px;
				}

				.xcharge-options {
					flex: 1;
				}

				.toggle_input_false {
					position: relative;
					overflow: hidden;

					.xcharge-button {
						float: left;
						position: relative;
						margin: 0 16px 16px 0;
						width: 120px;
						height: 50px;
						border: 1px solid #BBBBBB;
						text-align: center;
						line-height: 50px;
						font-size: 14px;
						color: #313033;
						cursor: pointer;

						&.active {
							color: #4A92FF;
							border: 1px solid #4A92FF;
						}
					}
				}
			}
		}
	}

}

/*游戏详情*/
.xbt {
	float: none !important;
}

/*xinfo*/
.xinfo {
	display: flex;

	.xinfo-left {
		flex: 1;
		padding-top: 12px;
		padding-left: 20px;

		.xinfo-ltop {
			display: flex;
			position: relative;
			overflow: hidden;

			.xinfo-ltop-img {
				width: 88px;
				height: 88px;
				border-radius: 10px;
				overflow: hidden;

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}

			.xinfo-ltop-if {
				position: relative;
				flex: 1;
				padding-left: 12px;
				overflow: hidden;

				.xinfo-ltop-bbc {
					height: 61px;

					.xinfo-ltop-bac {
						width: 380px;
					}

					.xinfo-ltop-bc {
						.xinfo-lba {
							margin-top: 5px;
							padding-left: 28px;
							background: url("../images/xicon7.png") no-repeat left center;
							font-weight: bold;
							font-size: 14px;
							color: #F0814C;
						}

						.xinfo-lbb {
							margin-top: 8px;
							padding-left: 28px;
							background: url("../images/xicon6.png") no-repeat left center;
							font-weight: bold;
							font-size: 14px;
							color: #E53E12;
						}
					}
				}

				.xinfo-ltop-fl {
					margin-top: 5px;
					display: flex;
					align-items: center;
					padding-left: 44px;
					box-sizing: border-box;
					width: 200px;
					height: 28px;
					border-radius: 4px;
					background: url("../images/xflb.png") no-repeat 10px center;
					background-color: #EDF7FF;

					p {
						margin-left: 25px;
						padding-left: 28px;
						font-weight: bold;
						font-size: 14px;
						color: #FE724D;
						background: url("../images/xicon3.png") no-repeat left center;
						cursor: pointer;
					}

					span {
						margin-right: 10px;
						font-weight: bold;
						font-size: 14px;
						color: #FE724D;
					}

					em {
						font-weight: bold;
						font-size: 14px;
						color: #828282;
					}
				}

				.xinfo-ltop-lx {
					margin-top: 8px;

					.xinfo-ltop-lxa {
						display: inline-block;
						font-size: 12px;
						color: #313033;
						line-height: 20px;
					}

					span {
						display: inline-block;
						padding: 0 10px;
						text-align: center;
						min-width: 44px;
						height: 20px;
						line-height: 20px;
						background: #FFF0EB;
						border-radius: 20px;
						font-size: 12px;
						color: #FF5019;
					}

				}

				.xinfo-ltop-xx {
					margin-top: 8px;
					display: flex;
					justify-content: space-between;
					padding-right: 66px;

					span {
						font-size: 12px;
						color: #313033;
					}
				}
			}
		}

		.xinfo-lbot {
			margin-top: 16px;
			display: flex;
			flex-wrap: wrap;

			.xinfo-zx {
				position: relative;
				display: flex;
				align-items: center;
				margin-right: 20px;
				line-height: 1;
				width: 116px;
				height: 32px;
				background: linear-gradient(90deg, #37ACDE 0%, #78D7FF 100%);
				border-radius: 4px;


				.xinfo-ewm {
					margin: 0 10px 0 12px;
					width: 18px;
					height: 18px;
					color: #ffffff;

					&.xinfo-ho {
						cursor: pointer;
					}
				}

				.qrcode-anzhuo {
					left: 28px;
					top: 36px;
					width: 60px;
					height: 60px;
					border: 4px solid #1E87E9;
					border-radius: 4px;

					img {
						width: 100%;
						height: 100%;
						border-radius: 4px;

					}
				}

				a {
					font-weight: bold;
					font-size: 16px;
					color: #FFFFFF;
				}
			}
		}
	}

	.xinfo-more-kf {
		padding-top: 20px;
		text-align: right;

		a {
			font-size: 12px;
			color: #828282;
		}
	}

	.xinfo-dt {
		margin-top: 17px;
		padding-left: 12px;
		padding-top: 4px;
		box-sizing: border-box;
		width: 168px;
		height: 42px;
		background: linear-gradient(271deg, #FFFFFF 0%, rgba(255, 152, 40, 0.8) 26%);
		border-radius: 10px;
		color: #fff;

		h3 {
			font-size: 14px;
		}

		p {
			padding: 0;
			line-height: 1;
			font-size: 12px;
		}
	}

	.xinfo-right {
		width: 170px;
		overflow: hidden;

		li {
			margin-top: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 168px;
			height: 26px;
			background: #FFF7F5;
			border-radius: 30px;
			border: 1px dashed #FF6238;
			font-size: 14px;
			color: #FF6238;

			&:nth-child(1) {
				background: #DAEEFF;
				border: 1px dashed #00B3FE;
				color: #656565;
			}

			span {
				margin-right: 8px;

				&:last-child {
					margin-right: 0;
				}
			}
		}
	}
}

/*xprx*/
.xprx {
	.xdea-tit {
		font-size: 16px;
		color: #313033;
	}

	.xdea-ut {
		position: relative;
		display: flex;
		margin-top: 16px;

		.xdea-us {
			display: flex;

			span {
				margin-left: 12px;
				text-align: center;
				line-height: 24px;
				width: 85px;
				height: 24px;
				background: #FFFFFF;
				box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
				border-radius: 4px;
				font-size: 12px;
				color: #828282;

				&.on {
					color: #4A92FF;
				}
			}

		}
	}

	.xdea-ul {

		ul {
			position: relative;
			padding-bottom: 2px;
			margin-top: 0px;
			overflow: hidden;
		}

		li {
			position: relative;
			float: left;
			margin-top: 18px;
			margin-bottom: 0;
			margin-right: 8px;
			padding-top: 16px;
			box-sizing: border-box;
			text-align: center;
			width: 98px;
			height: 88px;
			background: #F5F5F5;
			border-radius: 4px;
			cursor: pointer;

			.xdea-ul-zk {
				position: absolute;
				left: 0;
				top: -4px;
				width: 64px;
				height: 19px;
				line-height: 19px;
				background: linear-gradient(90deg, #375CE5 0%, #9747FF 100%);
				border-radius: 4px 4px 4px 0px;
				font-size: 12px;
				color: #FFFFFF;
			}

			&.active {
				background: #D4F7FF;
				box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
				border-radius: 4px;
			}

			.xdea-ul-ipx-a {
				display: inline-block;
				padding-left: 24px;
				font-weight: bold;
				line-height: 20px;
				font-size: 16px;
				color: #313033;
				background: url("../images/xrec1.png") no-repeat left center;
				background-size: 20px 20px;
			}

			.xdea-ul-ipx-b {
				font-size: 12px;
				color: #828282;
				line-height: 1;
				text-decoration: line-through;
			}

			.xdea-ul-ipx-c {
				margin-top: 6px;
				line-height: 1;
				font-size: 14px;
				color: #313033;
			}
		}
	}



	.xdea-num {
		margin-top: 10px;

		input {
			box-sizing: border-box;
			padding: 0 20px;
			display: block;
			height: 39px;
			background: #E8E8E8;
			border-radius: 30px;
			border: none;
		}
	}

	.xdea-ipt {
		position: relative;
		width: 230px;
		height: 32px;
		border: 1px solid #BBBBBB;
		background-color: #ffffff;
		box-sizing: border-box;

		&* {
			box-sizing: border-box;

		}

		input {
			padding: 0 10px;
			width: 100%;
			height: 30px;
			line-height: 30px;
			text-align: left;
			text-indent: 0;
			display: block;
			border: none;
			background: none;
			box-sizing: border-box;
		}

		.xdea-ipt-btn {
			position: absolute;
			margin: 0;
			top: 0;
			right: 0;
			width: 30px;
			height: 30px;
			background: url("../images/xseach.png") no-repeat center;
			background-color: #ffffff;
			background-size: 20px auto;
			cursor: pointer;
			z-index: 2;
		}

		.xdea-ipt-gb {
			display: none;
			position: absolute;
			margin: 0;
			top: 0;
			right: 0;
			width: 30px;
			height: 30px;
			cursor: pointer;
			background: url(../images/cancel_black.png) no-repeat center;
			background-color: #ffffff;
			background-size: 16px 16px;
			z-index: 3;
		}

		.xdea-ipt-ul {
			display: none;
			position: absolute;
			left: 0px;
			top: 8px;
			right: 20px;
			padding: 12px 12px;
			box-sizing: border-box;
			z-index: 3;
			background-color: #ffffff;
			box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
			max-height: 300px;
			overflow-y: auto;

			li {
				display: flex;
				align-items: center;
				width: 100%;
				padding: 4px 12px;
				box-sizing: border-box;
				height: 68px;
				background: #FFFFFF;
				border-bottom: 1px solid #BBBBBB;
				cursor: pointer;
				overflow: hidden;

				.xdea-ipt-ul-img {
					width: 60px;
					height: 60px;
					border-radius: 10px;
					overflow: hidden;

					img {
						width: 100%;
						height: 100%;
					}
				}

				h3 {
					text-align: left;
					text-overflow: ellipsis;
					white-space: nowrap;
					padding-left: 16px;
					flex: 1;
					font-size: 14px;
					color: #313033;
					overflow: hidden;
				}
			}
		}

	}

	/**/
	.xdea-ps {
		margin-top: 15px;
		display: flex;
		justify-content: space-between;
		text-align: center;

		.xdea-ps-li {
			display: inline-block;
			margin-right: 8px;
			width: 106px;
			height: 44px;
			box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
			border-radius: 4px;
			font-weight: 400;
			font-size: 14px;
			color: #313033;
			padding-left: 20px;
			box-sizing: border-box;
			background: #FFFFFF;
			line-height: 44px;
			cursor: pointer;

			&:last-child {
				margin-right: 0;
			}

			&.xdea-zfb {
				background: url("../images/xrecx1.png") no-repeat 6px center;
				background-size: 16px auto;
			}

			&.xdea-wx {
				background: url("../images/xrecx2.png") no-repeat 6px center;
				background-size: 16px auto;
			}

			&.xdea-qb {
				background: url("../images/xrecx3.png") no-repeat 6px center;
				background-size: 16px auto;
			}
		}
	}
}

/*my-allxx*/
.my-allxx {
	position: relative;
	padding: 12px 18px;
	background-color: #ffffff;

	.my-all-box {
		position: relative;

		padding: 12px 18px;


		.my-atn {
			text-align: right;
			padding-right: 20px;
			width: 120px;
			font-size: 18px;
			color: #656565;
			box-sizing: border-box;
		}

		.my-ative {
			width: 116px;
			height: 116px;
			background: #D5E4EE;
			border-radius: 50%;
			overflow: hidden;

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}

		.my-ubtn {
			position: relative;
			margin-left: 20px;
			text-align: center;
			line-height: 40px;
			width: 100px;
			height: 40px;
			overflow: hidden;
			background: #FF5300;
			border-radius: 8px;
			font-size: 18px;
			color: #FFFFFF;
			cursor: pointer;

			input {
				position: absolute;
				left: 0;
				top: 0;
				font-size: 50px;
				opacity: 0;
				cursor: pointer;
			}
		}

		.my-all-nc {

			input {
				display: block;
				padding: 0 16px;
				box-sizing: border-box;
				width: 228px;
				height: 43px;
				background: #EFEFEF;
				border-radius: 4px;
				border: none;
			}
		}

		.my-all-bc {
			text-align: center;
			margin-left: 30px;
			width: 72px;
			height: 36px;
			line-height: 36px;
			border-radius: 4px;
			box-sizing: border-box;
			border: 1px solid #BBBBBB;
			font-size: 16px;
			color: #000000;
			cursor: pointer;
		}

		.my-all-xb {
			span {
				display: inline-block;
				padding-left: 26px;
				margin-right: 20px;
				font-size: 16px;
				color: #313033;
				background: url("../images/xz0.png") no-repeat left center;
				cursor: pointer;

				&.active {
					background: url("../images/xz1.png") no-repeat left center;

				}
			}
		}
	}

	.xafe-grade {
		display: flex;
		align-items: center;
		overflow: hidden;
		padding-bottom: 10px;
		border-bottom: 1px dashed #BBBBBB;

		.xafe-grade-l {
			width: 113px;
			height: 23px;
			font-size: 18px;
			color: #000000;
		}

		.xind-status {
			margin-left: 40px;
			width: 679px;


			.xcore-bar {
				margin-top: 10px;
				width: 679px;
				height: 12px;
				background: #EFEFEF;
				// background: #FF6238;
				border-radius: 30px;
				overflow: hidden;

				.xcore-bar-inner {
					display: block;
					height: 12px;
					width: 100%;
					background-color: #FF6238;
				}
			}

			.xntegral-mod {
				display: block;
				text-align: center;
				font-weight: bold;
				font-size: 24px;
				color: #FF6238;
				line-height: 1;
			}

			.prmopt-safe {
				margin-top: 6px;
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: center;
				font-size: 14px;
				color: #000000;
				line-height: 20px;

				.xrmopt-ico {
					margin-right: 6px;
					display: inline-block;
					background: url(../images/my/xIcon.png) no-repeat left center;
					height: 20px;
					width: 22px;
				}

				em {
					color: #33DA00;
				}
			}
		}
	}

	.my-all-xx {
		position: relative;
		padding-left: 48px;
		height: 80px;
		border-bottom: 1px dashed #BBBBBB;

		&.my-all-la {
			background: url("../images/xy1.png") no-repeat 4px 16px;
		}

		&.my-all-lb {
			background: url("../images/xy2.png") no-repeat 4px 16px;
		}

		&.my-all-lc {
			background: url("../images/xy3.png") no-repeat 4px 16px;
		}

		&:last-child {
			border: none;
		}

		.my-all-xxa {
			.my-all-xa {
				font-size: 18px;
				color: #000000;
			}

			.my-all-xb {
				margin-left: 22px;
				font-size: 16px;
				color: #FF6238;
			}

			.my-all-xc {
				margin-top: 4px;
				height: 22px;
				font-size: 14px;
				color: #828282;
			}
		}

		.my-all-mm {
			margin-right: 80px;
			box-sizing: border-box;
			width: 104px;
			height: 36px;
			border-radius: 4px;
			border: 1px solid #BBBBBB;
			text-align: center;
			line-height: 34px;
			font-size: 16px;
			color: #000000;
			cursor: pointer;

			&:hover {
				background: #ff7800;
				border-color: #ff7800;
				color: #ffffff;
			}
		}

		.my-all-sjh {
			margin-right: 80px;
			padding-right: 14px;
			line-height: 1;
			position: relative;
			background: url("../images/my/xright.png") no-repeat right center;
			cursor: pointer;
		}

		.my-all-xsa {
			font-size: 14px;
			color: #828282;
		}

		.my-all-xsb {
			margin-left: 4px;
			font-size: 14px;
			color: #1E6FE9;
		}
	}
}

/*yh-tz*/
.yh-tz {
	position: relative;
	padding: 10px 15px;
	background: url("../images/xtz1.png") no-repeat center;
}

/*my-nodata*/
.my-nodata {
	padding: 50px 0;
	text-align: center;
	background-color: #ffffff;
}

/*popup-bbs*/
.popup-bbs {
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -170px 0 0 -230px;
	padding: 12px 32px 24px;
	width: 460px;
	background: #FFFFFF;
	border-radius: 10px;
	box-sizing: border-box;
	z-index: 555;

	.popup-bbs-close {
		position: absolute;
		top: 27px;
		right: 38px;
		width: 19px;
		height: 19px;
		cursor: pointer;
	}

	.bbs-head {
		height: 50px;
		line-height: 50px;
		font-size: 20px;
		color: #FF6238;
		text-align: center;
	}

	.bbs-dc {
		height: 40px;
		line-height: 40px;

		.bbs-dct {
			font-size: 18px;
			color: #313033;
		}

		.bbs-dcd {
			margin-left: 20px;
			font-size: 16px;
			color: #313033;
		}
	}

	.bbs-dp {
		position: relative;
		margin-top: 10px;
		height: 44px;
		background: #F5F5F5;
		border-radius: 8px;

		input {
			display: block;
			padding: 0 20px;
			width: 100%;
			height: 44px;
			line-height: 44px;
			background: none;
			border: none;
			font-size: 14px;
			color: #313033;
		}


	}

	.bbs-dps {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		padding: 0 20px;
		font-size: 16px;
		color: #13B9C7;
		z-index: 2;
		line-height: 44px;
		cursor: pointer;
	}

	.bbs-dpd {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		padding: 0 20px;
		font-size: 16px;
		color: #999;
		z-index: 2;
		line-height: 44px;
	}

	.bbs-dl {
		&.bbs-dla {
			margin-top: 16px;
		}

		&.bbs-dlb {
			margin-top: 28px;
		}

		.bbs-dt {
			width: 98px;
			font-weight: 400;
			font-size: 18px;
			color: #313033;
		}

		.bbs-dd {
			position: relative;
			flex: 1 0;
			height: 44px;
			background: #F5F5F5;
			border-radius: 8px;

			input {
				display: block;
				padding: 0 20px;
				width: 100%;
				height: 44px;
				line-height: 44px;
				background: none;
				border: none;
				font-size: 14px;
				color: #313033;
			}

			.bbs-dbs {
				position: absolute;
				top: 0;
				right: 0;
				z-index: 2;
				height: 44px;
				width: 64px;
				cursor: pointer;
				background: url("../images/my/xeye1.png") no-repeat center;

				&.active {
					background: url("../images/my/xeye0.png") no-repeat center;
				}
			}
		}
	}

	.bbs-p {
		margin-top: 20px;
		text-align: center;
		font-size: 14px;
		color: #828282;
	}

	.bbs-u {
		margin: 20px auto 0;
		text-align: center;
		width: 200px;
		height: 40px;
		line-height: 40px;
		background: #3386EE;
		border-radius: 30px;
		font-size: 20px;
		color: #FFFFFF;
		cursor: pointer;

		&:hover {
			background: #2E5EB5;
		}
	}

	.bbs-py {
		display: none;
	}

	.bbs-q {
		margin-top: 20px;
		text-align: center;
		font-size: 16px;
		color: #313033;

		a {
			color: #13B9C7;
		}
	}
}

/*新游发布*/
.xylt {
	height: 400px;

	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.xyul-title {
	position: relative;
	padding-left: 20px;
	height: 48px;
	border-bottom: 1px solid #ccc;

	a {
		position: relative;
		display: inline-block;
		margin-right: 24px;
		line-height: 48px;
		font-size: 18px;
		color: #313033;

		&.active {
			&::after {
				position: absolute;
				left: 0;
				bottom: -3px;
				right: 0;
				content: '';
				height: 5px;
				background: linear-gradient(to right, #fd5152, #fe7f36);
				display: inline-block;
				border-radius: 5px;
				z-index: 2;
			}

		}
	}
}

.xyul {
	position: relative;
	margin-top: 30px;
	background-color: #ffffff;
	border-radius: 10px;
	overflow: hidden;



	.xyul-list {
		position: relative;
		padding: 10px 0 10px 10px;
		display: flex;
		flex-wrap: wrap;

		.xyul-li {
			position: relative;
			display: flex;
			align-items: center;
			margin-right: 10px;
			padding: 0 10px;
			width: 265px;
			height: 80px;
			background: #FFFFFF;
			border-radius: 10px;
			transition: all 0.2s;
			border-radius: 4px;
			box-sizing: border-box;
			overflow: hidden;

			&:hover {
				top: -2px;
				box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
			}

			&:nth-child(3n) {
				margin-right: 0;
			}

			.xyul-li-left {
				width: 60px;
				height: 60px;
				border-radius: 10px;
				overflow: hidden;

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}

			.xyul-li-center {
				flex: 1;
				margin-left: 12px;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				height: 60px;
				overflow: hidden;

				h3 {
					font-size: 16px;
					color: #313033;
					font-weight: normal;
					line-height: 20px;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
				}

				.ruwj {
					padding-left: 18px;
					background: url("../images/xicon7.png") no-repeat 3px center;
					background-size: 14px 14px;
					font-size: 12px;
					color: #F0814C;
				}

				.ruwz {
					padding-left: 18px;
					background: url("../images/xicon6.png") no-repeat 3px center;
					background-size: 14px 14px;
					font-size: 12px;
					color: #E53E12;
				}

				.ruwb {
					font-size: 12px;
					color: #828282;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;

					&:nth-child(2) {
						margin-right: 50px;

					}
				}

				.ruwc {
					position: absolute;
					right: 10px;
					bottom: 26px;
					text-align: center;
					line-height: 24px;
					width: 48px;
					height: 24px;
					background: #FF6238;
					border-radius: 20px;
					font-size: 12px;
					color: #FFFFFF;
				}
			}

		}
	}

}

.xy-box {
	position: relative;
	background-color: #ffffff;
	border-radius: 10px;

}

.xtitle {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 0 20px;
	height: 48px;
	line-height: 48px;
	border-bottom: 1px solid #ccc;

	h3 {
		position: relative;
		font-size: 18px;
		color: #313033;

		&::after {
			position: absolute;
			left: 0;
			bottom: -3px;
			right: 0;
			content: '';
			height: 5px;
			background: linear-gradient(to right, #fd5152, #fe7f36);
			display: inline-block;
			border-radius: 5px;
			z-index: 2;
		}
	}

	a {
		font-size: 12px;
		color: #828282;

		&:hover {
			color: #fe7f36;
		}
	}
}

.xyrm-list {
	position: relative;
	padding: 5px 20px;

	li {
		&:last-child {
			a {
				border: none;
			}
		}
	}

	.xyul-li {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		height: 80px;
		border-bottom: 1px dashed #ccc;



		&:hover {
			.rjwc {
				background-color: #13B9C7;
				color: #ffffff;
			}

			.rjwd {
				background-color: #FF6238;
				color: #ffffff;
			}
		}

		.xyrm-list-left {
			width: 60px;
			height: 60px;
			border-radius: 10px;
			overflow: hidden;

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}

		.xyrm-list-center {
			flex: 1;
			margin-left: 12px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			height: 60px;
			overflow: hidden;

			h3 {
				margin-right: 12px;
				font-size: 16px;
				color: #313033;
				font-weight: normal;
				line-height: 20px;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}

			.rjwj {
				padding-left: 18px;
				background: url("../images/xicon7.png") no-repeat 3px center;
				background-size: 14px 14px;
				font-size: 12px;
				color: #F0814C;
			}

			.rjwz {
				padding-left: 18px;
				background: url("../images/xicon6.png") no-repeat 3px center;
				background-size: 14px 14px;
				font-size: 12px;
				color: #E53E12;
			}

			.rjwb {
				margin-right: 40px;
				font-size: 12px;
				color: #828282;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}
		}

		.rjwc {
			width: 60px;
			height: 26px;
			border-radius: 4px;
			border: 1px solid #13B9C7;
			box-sizing: border-box;
			text-align: center;
			line-height: 24px;
			font-size: 14px;
			color: #13B9C7;
		}

		.rjwd {
			text-align: center;
			width: 44px;
			height: 22px;
			line-height: 22px;
			border-radius: 4px;
			border: 1px solid #FF6238;
			font-size: 14px;
			color: #FF6238;
		}

	}
}

.xylb-list {
	padding: 5px 20px;

	.xylb-li {
		display: block;
		border-bottom: 1px dashed #BBBBBB;

		&:last-child {
			border-bottom: none;
		}

		&:nth-child(-n+3) {
			.xylb-lia {
				.xylb-lia-l {
					background-color: #13B9C7;
				}
			}

			.xylb-lib {
				.xylb-lib-l {
					background-color: #13B9C7;
				}
			}
		}

		&.active {
			.xylb-lia {
				display: none;
			}

			.xylb-lib {
				display: block;
			}

		}

		.xylb-lia {
			position: relative;
			height: 45px;
			line-height: 45px;
			overflow: hidden;

			.xylb-lia-l {
				float: left;
				margin-top: 12px;
				text-align: center;
				line-height: 22px;
				width: 22px;
				height: 22px;
				border-radius: 50%;
				background-color: #BBBBBB;
				font-size: 14px;
				color: #FFFFFF;
			}

			.xylb-lia-c {
				float: left;
				margin: 0 8px;
				font-size: 16px;
				color: #313033;
			}

			.xylb-lia-r {
				float: right;
				font-size: 12px;
				color: #828282;
			}
		}

		.xylb-lib {
			position: relative;
			display: none;
			box-sizing: border-box;
			padding: 10px 0;
			height: 80px;

			.xylb-lib-l {
				float: left;
				margin-top: 12px;
				text-align: center;
				line-height: 38px;
				width: 22px;
				height: 38px;
				border-radius: 14px;
				background-color: #BBBBBB;
				font-size: 14px;
				color: #FFFFFF;
			}

			.xylb-list-left {
				float: left;
				margin-left: 8px;
				width: 60px;
				height: 60px;
				border-radius: 10px;
				overflow: hidden;

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}

			.xylb-list-center {
				padding-left: 12px;
				float: left;
				width: 152px;
				box-sizing: border-box;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				height: 60px;
				overflow: hidden;

				h3 {
					margin-right: 12px;
					font-size: 16px;
					color: #313033;
					font-weight: normal;
					line-height: 20px;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
				}

				.rqwb {
					font-size: 12px;
					color: #828282;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;

					span {
						color: #FF6238;
					}
				}
			}

			.rqwc {
				float: right;
				margin-top: 18px;
				width: 60px;
				height: 26px;
				border-radius: 4px;
				background-color: #13B9C7;
				box-sizing: border-box;
				text-align: center;
				line-height: 26px;
				font-size: 14px;
				color: #ffffff;

				&:hover {
					background-color: #289da7;
				}
			}

			.rqwd {
				float: right;
				margin-top: 18px;
				width: 60px;
				height: 26px;
				border-radius: 4px;
				border: 1px solid #13B9C7;
				box-sizing: border-box;
				text-align: center;
				line-height: 24px;
				font-size: 14px;
				color: #13B9C7;

				&:hover {
					background-color: #13B9C7;
					color: #ffffff;
				}
			}
		}
	}
}

.xykf-list {
	padding-bottom: 10px;

	.xykf-list-top {
		padding: 12px 20px 5px;
		display: flex;
		justify-content: space-between;

		span {
			display: inline-block;
			text-align: center;
			line-height: 28px;
			width: 92px;
			height: 28px;
			background: #F8F8F8;
			border-radius: 4px;
			font-size: 16px;
			color: #313033;
		}
	}

	.xykf-list-li {
		padding: 0 20px;
		display: flex;
		justify-content: space-between;

		span {
			display: inline-block;
			text-align: center;
			text-overflow: ellipsis;
			white-space: nowrap;
			line-height: 34px;
			width: 92px;
			height: 34px;
			font-size: 14px;
			color: #313033;
			overflow: hidden;
		}
	}
}

/*xjdcq-box*/
.xjdcq-box {
	li {
		overflow: visible;

		&>span {
			font-size: 16px;
		}
	}

	.xjdcq {
		position: relative;
		top: -10px;
		height: 60px;

		a {
			margin-top: 10px;
			float: left;
			margin-bottom: 0;
		}

		.xjdcq-a {
			position: relative;
			margin-top: 0;
			width: 114px;
			height: 50px;
			background: none;

			&:hover {
				background: none !important;
				box-shadow: none !important;
			}
		}
	}
}

/*xgame-list*/
.xgame-list {
	position: relative;

	.xgame-list-li {
		position: relative;
		margin: 0 26px 12px 0;
		float: left;
		display: flex;
		align-items: center;
		padding: 10px 12px;
		width: 280px;
		height: 120px;
		background: #FFFFFF;
		border-radius: 10px;
		box-sizing: border-box;

		&:nth-child(4n) {
			margin-right: 0;
		}

		&:hover {
			border-color: #fff;
			box-shadow: 0px 2px 10px 0px rgba(145, 145, 145, 0.52);
			position: relative;
			top: -2px;
		}

		.xgame-list-la {
			float: left;
			width: 80px;
			height: 80px;
			border-radius: 10px;
			overflow: hidden;

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}

		.xgame-list-lb {
			position: relative;
			margin-left: 8px;
			height: 96px;
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			overflow: hidden;

			.xh-bb {
				font-size: 12px;
				color: #313033;
			}

			.xgame-list-ls {

				h4 {
					font-size: 16px;
					color: #313033;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
				}

				span {
					margin-left: 8px;
					font-size: 12px;
					color: #656565;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
				}
			}

			.xgame-list-lsy {
				a {
					margin-right: 16px;
					float: left;
					width: 72px;
					height: 26px;
					background: linear-gradient(to right, #fb4b4d, #ff7138);
					border-radius: 4px;
					text-align: center;
					line-height: 26px;
					font-size: 14px;
					color: #FFFFFF;

					&:last-child {
						margin-right: 0;
						background: linear-gradient(to right, #27cab6, #3adb9d);

						&:hover {
							background: #27cab6;
						}
					}

					&:hover {
						background: #f00;
					}
				}
			}

		}
	}
}

.kaifu-nav {
	position: relative;
	width: 1200px;
	margin: 20px auto 0;
	background-color: #ffffff;
	box-sizing: border-box;
}

/*xkaifu-list*/
.xkaifu-ux {
	width: 1200px;
	padding: 0;
	margin-top: 20px;
}

.xkaifu-list {
	padding-left: 20px;

	.xkaifu-li {
		position: relative;
		margin: 12px 40px 0 0;
		float: left;
		display: flex;
		align-items: center;
		padding: 0 12px;
		width: 360px;
		height: 108px;
		background: #FFFFFF;
		border-radius: 10px;
		overflow: hidden;
		box-sizing: border-box;

		&:hover {
			border-color: #fff;
			box-shadow: 0px 2px 10px 0px rgba(145, 145, 145, 0.52);
			position: relative;
			top: -2px;
		}

		&:nth-child(3n) {
			margin-right: 0;
		}

		.xkaifu-la {
			width: 80px;
			height: 80px;
			border-radius: 10px;
			overflow: hidden;

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}

		.xkaifu-lb {
			flex: 1;
			margin-left: 12px;
			height: 80px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;

			h4 {
				font-size: 16px;
				color: #313033;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}

			.xkaifu-lsy {
				font-size: 14px;
				color: #313033;
			}

			.xkaifu-sj {
				font-size: 12px;
				color: #FF6238;
			}
		}

		.xkaifu-yy {
			text-align: center;
			width: 48px;
			height: 24px;
			line-height: 24px;
			background: #FF6238;
			border-radius: 20px;
			font-size: 12px;
			color: #FFFFFF;
			cursor: pointer;
		}
	}
}

/*xkaifu-sd*/
.xkaifu-sd {
	position: relative;
	margin-left: 20px;
	overflow: hidden;

	.xkaifu-sa {
		margin-right: 16px;
		text-align: center;
		line-height: 26px;
		float: left;
		width: 133px;
		height: 26px;
		background: #EFEFEF;
		font-size: 14px;
		color: #656565;
		cursor: pointer;

		&:hover {
			background: #13B9C7;
			color: #ffffff;

		}

		&.active {
			background: #13B9C7;
			color: #ffffff;
		}
	}

	.xkaifu-sb {
		float: left;
		width: 268px;
		height: 28px;
		line-height: 26px;
		box-sizing: border-box;
		background: #FFFFFF;
		border-radius: 2px 0 0 2px;
		border: 1px solid #BBBBBB;
		overflow: hidden;
		border-right: none;

		input {
			float: left;
			text-align: center;
			font-size: 16px;
			color: #828282;
			cursor: pointer;
			width: 45%;
			height: 26px;
			line-height: 26px;
			border: none;
		}

		span {
			float: left;
			width: 10%;
			text-align: center;
			font-size: 16px;
			color: #828282;
			cursor: pointer;
		}
	}

	.xkaifu-sc {
		float: left;
		padding: 0 20px;
		height: 28px;
		line-height: 28px;
		background-color: #13B9C7;
		color: #fff;
		border-radius: 0 2px 2px 0;
		cursor: pointer;

		&:hover {
			background-color: #0e8f9e;
		}
	}
}

/*kfmhh*/
.kfmhh {
	margin-top: 20px;
	text-align: center;

	a {
		font-size: 12px;
		color: #828282;

		&:hover {
			color: #13B9C7;
		}
	}
}

/*xkf-list*/
.xkf-list {
	padding-left: 20px;

	li {
		position: relative;
		float: left;
		margin: 16px 20px 0 0;
		display: flex;
		align-items: center;
		padding: 0 12px;
		box-sizing: border-box;
		width: 250px;
		height: 70px;
		background: #FFFFFF;
		border-radius: 10px;
		overflow: hidden;

		.xkf-la {
			font-size: 16px;
			color: #000000;
		}

		.xkf-lb {
			margin-top: 4px;
			font-size: 14px;
			color: #000000;
		}

		.xkf-lyy {
			text-align: center;
			width: 52px;
			height: 26px;
			line-height: 26px;
			background: #FF6238;
			border-radius: 30px;
			font-size: 14px;
			color: #FFFFFF;
			cursor: pointer;
		}

		.xkf-lyk {
			font-size: 14px;
			color: #00B3FE;
		}
	}
}

/*xwarp*/
.xwarp {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

.xjy-head {
	background: #FFFFFF;
	border-radius: 2px;

	.xjy-top {
		padding-top: 8px;
		padding-left: 20px;
		box-sizing: border-box;
		height: 56px;
		border-bottom: 1px solid #ccc;

		.xjy-top-btn {
			display: block;
			text-align: center;
			line-height: 40px;
			width: 94px;
			height: 40px;
			background: #FF6238;
			border-radius: 40px;
			font-size: 18px;
			color: #FFFFFF;
		}
	}

	.xjy-ms {
		padding: 16px 0 16px 20px;
		display: flex;

		.xjy-ma {
			position: relative;
			margin-right: 28px;
			width: 120px;
			height: 36px;
			border-radius: 30px;
			border: 1px solid #00A4F3;

			.xjy-ma-s {
				padding-left: 16px;
				font-size: 16px;
				color: #00A4F3;
				height: 36px;
				line-height: 36px;
				background: url("../images/xicon5.png") no-repeat 90px center;
				cursor: pointer;
			}

			ul {
				display: none;
				position: absolute;
				left: 0;
				top: 38px;
				right: 0;
				background-color: #ffffff;
				z-index: 2;

				li {
					text-align: center;
					width: 123px;
					height: 28px;
					line-height: 28px;
					font-size: 16px;
					color: #313033;

					&.active {
						background: #E5F7FF;
					}
				}
			}
		}

		.xjy-mb {
			margin-right: 28px;
			box-sizing: border-box;
			text-align: center;
			padding: 0 16px;
			height: 36px;
			line-height: 34px;
			border-radius: 30px;
			border: 1px solid #8E8E8E;
			font-size: 16px;
			color: #8E8E8E;
			cursor: pointer;

			&:hover {
				background-color: #FF6238;
				border-color: #FF6238;
				color: #ffffff;
			}

			&.active {
				background-color: #FF6238;
				border-color: #FF6238;
				color: #ffffff;
			}

		}

		.xjy-mc {
			display: flex;
			box-sizing: border-box;
			text-align: center;
			padding: 0 16px;
			width: 88px;
			height: 36px;
			line-height: 34px;
			border-radius: 30px;
			border: 1px solid #8E8E8E;
			font-size: 16px;
			color: #8E8E8E;
		}

		.xjy-md {
			margin: 18px 10px 0;
			margin-top: 18px;
			width: 25px;
			height: 1px;
			background-color: #8E8E8E;
		}

		.xjy-me {
			margin-left: 28px;
			text-align: center;
			width: 72px;
			height: 36px;
			line-height: 36px;
			background: #D5D5D5;
			border-radius: 8px;
			font-size: 16px;
			color: #313033;

			&:hover {
				background-color: #FF6238;
				color: #ffffff;
			}
		}

		.xjy-mf {
			position: relative;
			margin-left: 28px;
			width: 291px;
			height: 36px;
			border-radius: 30px;
			background-image: url("../images/xicon4.png");
			background-color: #EFEFEF;
			background-repeat: no-repeat;
			background-position: 18px center;
			overflow: hidden;

			input {
				display: block;
				box-sizing: border-box;
				padding-left: 51px;
				width: 80%;
				border: none;
				height: 36px;
				line-height: 36px;
				background: none;
			}

			.xjy-mf-g {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				padding: 0 16px;
				line-height: 36px;
				width: 32px;
				font-size: 16px;
				color: #313033;
				cursor: pointer;
				background-color: #EFEFEF;

			}
		}
	}
}

.xjy-list {
	margin-top: 33px;
	background-color: #ffffff;
	padding: 10px 0 10px 20px;

	.xjy-li {
		position: relative;
		margin-right: 20px;
		float: left;
		padding: 10px 80px 10px 10px;
		width: 380px;
		height: 80px;
		box-sizing: border-box;
		border-radius: 5px;
		transition: all 0.3s;

		&:nth-child(3n) {
			margin-right: 0;
		}

		&:hover {
			top: -2px;
			box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
		}

		.xjy-lia {
			float: left;
			width: 60px;
			height: 60px;
			border-radius: 10px;
			overflow: hidden;

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}

		.xjy-lib {
			position: relative;
			padding-left: 10px;
			overflow: hidden;

			.xjy-lib-t {
				display: flex;
				align-items: center;

				h4 {
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;

					a {
						font-size: 14px;
						color: #313033;
					}
				}

				span {
					margin-left: 4px;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
					font-size: 12px;
					color: #8E8E8E;
				}
			}

			.xjy-lib-s {
				font-size: 14px;
				color: #FF6238;
			}

			.xjy-lib-y {
				display: flex;
				align-items: center;

				span {
					font-size: 14px;
					color: #313033;
				}

				em {
					margin-left: 4px;
					font-size: 12px;
					color: #8E8E8E;
				}
			}
		}

		.xjy-lic {
			position: absolute;
			right: 10px;
			top: 29px;
			text-align: center;
			width: 64px;
			height: 24px;
			line-height: 24px;
			background: #FF6238;
			border-radius: 20px;
			font-size: 12px;
			color: #FFFFFF;
			cursor: pointer;

			&:hover {
				background: #f00;
			}
		}
	}
}

/*xlibao-box*/
.xlibao-box {
	background-color: #ffffff;
	border-radius: 10px;
	padding-bottom: 20px;

	li {
		position: relative;
		padding: 14px 20px 14px 20px;
		height: 108px;
		border-bottom: 1px dashed #ccc;
		box-sizing: border-box;
		overflow: hidden;

		.xlibao-img {
			float: left;
			width: 80px;
			height: 80px;
			border-radius: 10px;
			overflow: hidden;

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}

		.xlibao-info {
			float: left;
			padding: 0 16px;
			width: 638px;
			box-sizing: border-box;

			h4 {
				margin-bottom: 8px;
				line-height: 1;
				font-size: 16px;
				color: #313033;
			}

			.xlibao-pa {
				font-size: 12px;

				em {
					color: #828282;

				}

				span {
					color: #313033;
				}
			}

			.xlibao-jd {
				margin-top: 8px;
				overflow: hidden;

				span {
					width: 447px;
					height: 8px;
					background: #BBBBBB;
					border-radius: 30px;

					i {
						display: block;
						height: 8px;
						background: #13B9C7;
						border-radius: 30px;

					}
				}

				.xlibao-jd-c {
					margin-left: 8px;
					font-size: 14px;
					color: #FF6238;
				}
			}
		}

		.xlibao-lq {
			float: right;
			margin-top: 25px;
			text-align: center;
			line-height: 30px;
			width: 70px;
			height: 32px;
			border-radius: 30px;
			border: 1px solid #13B9C7;
			font-size: 16px;
			color: #13B9C7;

			&:hover {
				background-color: #13B9C7;
				color: #ffffff;
			}
		}
	}
}